Android技能樹 — PopupWindow小結

青蛙要fly發表於2018-09-09

Android

前言：

關於下拉選擇框，估計大家都有很多選擇，我在以前的文章:專案需求討論-HyBrid模式需求改造上寫過下拉框選擇這一塊，正好用的Spinner。

這次正好又有一個下拉框的需求，所以這次我使用了PopupWindow來實現的。然後想到其實PopupWindow很多地方都會用到，但是一直沒有好好的總結過，所以就想到了寫本文，而且本文也十分的基礎和簡單，大家也很好理解。

主要分為三部分：

PopupWindow的使用
PopupWindow工具類的封裝
PopupWindow原始碼分析

正文

我們知道上來直接給一大串的原始碼，很少有人會繼續看下去，所以我們就自己先寫個下拉選擇框demo來進行演示。

所以我們可以先來看下我們需要的下拉框樣式：(為了隨便舉個例子，所以設計的比較醜)：

我們可以一步步來看如何實現：

1.基礎使用教程

既然要跳出下面的彈框，而且本文說過要使用PopupWindow，所以就是實現一個PopupWindow即可，十分簡單。

1.1 例項化PopupWindow物件

既然例項化PopupWindow物件，所以我們看下它的建構函式：

public PopupWindow() {
    this(null, 0, 0);
}

public PopupWindow(View contentView) {
    this(contentView, 0, 0);
}

public PopupWindow(int width, int height) {
    this(null, width, height);
}

public PopupWindow(View contentView, int width, int height) {
    this(contentView, width, height, false);
}



/**
    @param contentView the popup content
    @param width the popup's width
    @param height the popup's height
    @param focusable true if the popup can be focused, false otherwise
*/

public PopupWindow(View contentView, int width, int height, boolean focusable) {
    if (contentView != null) {
        mContext = contentView.getContext();
        mWindowManager = (WindowManager) mContext.getSystemService(Context.WINDOW_SERVICE);
    }

    setContentView(contentView);
    setWidth(width);
    setHeight(height);
    setFocusable(focusable);
}

複製程式碼

我們可以看到不管你用的哪個建構函式，最終一定是呼叫了最後一個建構函式：PopupWindow(View contentView, int width, int height, boolean focusable)

也就是說我們要告訴PopupWindow這些內容：

顯示的contentView
PopupWindow要顯示的寬和高，
PopupWindow是否有獲取焦點的能力（預設false）。

假設我們用的第四個建構函式

View contentView = LayoutInflater.from(MainActivity.this).inflate(R.layout.popuplayout, null);
PopupWindow popupWindow = new PopupWindow(contentView,ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT,true);
複製程式碼

1.2 PopupWindow相關設定方法

當然我們也可以使用第一個建構函式生成物件，然後通過相應的SetXXXX方法，設定各種引數。

我們來看下一些常用的Set方法：

設定contentView, 寬和高,獲取焦點能力：

popupWindow.setContentView(contentView);
popupWindow.setHeight(height);
popupWindow.setWidth(width);
popupWindow.setFocusable(true);
複製程式碼

點選窗體外消失:

// 需要設定一下PopupWindow背景，點選外邊消失才起作用
popupWindow.setBackgroundDrawable(new BitmapDrawable(getResources(),(Bitmap) null));
// 點選窗外可取消
popupWindow.setTouchable(true);
popupWindow.setOutsideTouchable(true);
複製程式碼

關於窗體會被軟體盤遮擋：

// 設定pop被鍵盤頂上去，而不是遮擋
popupWindow.setSoftInputMode(PopupWindow.INPUT_METHOD_NEEDED);
popupWindow.setSoftInputMode(WindowManager.LayoutParams.SOFT_INPUT_ADJUST_RESIZE);
複製程式碼

popupwindow新增各種動畫效果(平移，縮放，透明等):

popupWindow.setAnimationStyle(R.style.popwindow_anim_style);
複製程式碼

動畫的style:

<style name="AnimDown" parent="@android:style/Animation">
    <item name="android:windowEnterAnimation">@anim/push_scale_in</item>
    <item name="android:windowExitAnimation">@anim/push_scale_out</item>
</style>
複製程式碼

具體的動畫：

<!-- 顯示動畫-->
<?xml version="1.0" encoding="utf-8"?><!-- 左上角擴大-->
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:shareInterpolator="true">

    <scale xmlns:android="http://schemas.android.com/apk/res/android"
        android:duration="200"
        android:fromXScale="1.0"
        android:fromYScale="0.0"
        android:interpolator="@android:anim/accelerate_decelerate_interpolator"
        android:toXScale="1.0"
        android:toYScale="1.0" />
</set>
複製程式碼

<!-- 隱藏動畫-->
<?xml version="1.0" encoding="utf-8"?><!-- 左上角擴大-->
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:shareInterpolator="true">

    <scale xmlns:android="http://schemas.android.com/apk/res/android"
        android:duration="200"
        android:fromXScale="1.0"
        android:fromYScale="1.0"
        android:interpolator="@android:anim/accelerate_decelerate_interpolator"
        android:toXScale="1.0"
        android:toYScale="0.001" />
</set>
複製程式碼

1.3 PopupWindow顯示出來

主要是使用showXXXX方法來實現，而這個方法也有好幾個:

我們先來看showAsDropDown和showAtLocation的區別：很多人估計用的更多的是showAsDropDown，它們的最大區別簡單來說是showAsDropDown是相對於某個控制元件，然後PopupWindow顯示在這個控制元件的下方；而showAtLocation是相對於螢幕，可以通過設定Gravity來指定PopupWindow顯示在螢幕的那個位置。

比如我們現在先看showAsDropDown:

//PopupWindow會顯示我們傳入的這個View的下方，平切是左邊對齊
//(也就是view控制元件的左下角與popupWindow的左上角對齊)
showAsDropDown(View)
複製程式碼

//PopupWindow還是在這個View的下方，
//但是額外可以設定x,y的偏移值，x,y表示座標偏移量
showAsDropDown(View,int,int);
複製程式碼

比如我們程式碼寫為：showAsDropDown(View,50,50);X軸和Y軸都偏移了50。

//PopupWindow可以額外設定Gravity，預設就是Gravity.Left。
//同時設定為Top和Bottom沒啥效果，因為是在這個View的下方。
showAsDropDown(View,int,int,int);
複製程式碼

比如我們程式碼寫為：popupWindow.showAsDropDown(v,0,0,Gravity.RIGHT);變成了View的右下角與PopupWindow的左上角對齊了。

我們再來看showAtLocation: 因為這個方法是PopupWindow的顯示相對於螢幕，所以傳入的View也是隻要這個螢幕的就可以，因為這個View的傳入也只是為了拿到Window Token。

//這個方法最後還是等於呼叫了另外一個showAtLocation方法,
//傳入view只是為了拿到token
//x,y同樣是x和y軸的偏移值
public void showAtLocation(View parent, int gravity, int x, int y) {
    showAtLocation(parent.getWindowToken(), gravity, x, y);
}

public void showAtLocation(IBinder token, int gravity, int x, int y){
    .......
}

複製程式碼

比如我們寫入的程式碼是：popupWindow.showAtLocation(view, Gravity.RIGHT | Gravity.BOTTOM, 0, 0);

如果我們設定為：popupWindow.showAtLocation(view, Gravity.TOP, 0, 0);

我們發現PopupWindow並沒有在statusbar的上面。如果我們想要覆蓋statusbar呢，可以再加一句：popupWindow.setClippingEnabled(false);

所以基本使用估計大家都會了。我們來總結下程式碼：

1.4 總結PopupWindow初級使用程式碼


LayoutInflater mLayoutInflater = (LayoutInflater) getSystemService(LAYOUT_INFLATER_SERVICE);
//自定義佈局
ViewGroup view = (ViewGroup) mLayoutInflater.inflate(R.layout.window, null, true);
PopupWindow popupWindow = new PopupWindow(view, LayoutParams.WRAP_CONTENT,LayoutParams.WRAP_CONTENT, true);

//是否需要點選PopupWindow外部其他介面時候消失
mPopWindow.setBackgroundDrawable(new BitmapDrawable());
mPopWindow.setOutsideTouchable(true);

//設定touchable和focusable
mPopWindow.setFocusable(true);
mPopWindow.setTouchable(true);

/**
然後比如在某個按鈕的點選事件中顯示PopupWindow
切記不能直接在比如onCreate中直接呼叫顯示popupWindow,
會直接丟擲異常,原因後面原始碼解析會提到
*/
btn.setOnclickListener(v -> {
    if (popupWindow != null) {
        popupWindow.showAsDropDown(v);
    }
})
複製程式碼

2.PopupWindow工具類封裝

我在以前寫過Dialog的封裝文章：

專案需求討論-Android 自定義Dialog實現步驟及封裝

我們這次來對PopupWindow來進行封裝，我們還是像上面的文章那樣，使用Builder模式。

我們先來看我們要注意哪些因素要考慮：

contentView ,這裡有二種可能，一是使用者只是傳了R.layout.xxx進來，二是使用者傳了具體的View物件進來。
PopupWindow的寬和高。（可能需要傳入Px值，可能是dp值，可能是R.dimen.xxx值,如果不傳入，就預設為Wrap_Content,也就是會顯示你傳入的contentView的寬高）
是否需要顯示動畫，如果需要顯示動畫，那麼具體的style引數
focusable,touchable 的設定
是否設定點選外部讓PopupWindow消失
設定裡面的某個View的點選事件

所以初步我們可以寫成這樣：

public class CustomPopupWindow extends PopupWindow {

    private CustomPopupWindow(Builder builder) {
        super(builder.context);

        builder.view.measure(View.MeasureSpec.UNSPECIFIED, View.MeasureSpec.UNSPECIFIED);
        setContentView(builder.view);
        setHeight(builder.height == 0?ViewGroup.LayoutParams.WRAP_CONTENT:builder.height);
        setWidth(builder.width == 0?ViewGroup.LayoutParams.WRAP_CONTENT:builder.width);
        if (builder.cancelTouchout) {
            setBackgroundDrawable(new ColorDrawable(0x00000000));//設定透明背景
            setOutsideTouchable(builder.cancelTouchout);//設定outside可點選
        }
        setFocusable(builder.isFocusable);
        setTouchable(builder.isTouchable);

        if(builder.animStyle != 0){
            setAnimationStyle(builder.animStyle);
        }
    }

    public static final class Builder {

        private Context context;
        private int height, width;
        private boolean cancelTouchout;
        private boolean isFocusable = true;
        private boolean isTouchable = true;
        private View view;
        private int animStyle;

        public Builder(Context context) {
            this.context = context;
        }

        public Builder view(int resView) {
            view = LayoutInflater.from(context).inflate(resView, null);
            return this;
        }

        public Builder view(View resVew){
            view = resVew;
            return this;
        }

        public Builder heightpx(int val) {
            height = val;
            return this;
        }

        public Builder widthpx(int val) {
            width = val;
            return this;
        }

        public Builder heightdp(int val) {
            height = dip2px(context, val);
            return this;
        }

        public Builder widthdp(int val) {
            width = dip2px(context, val);
            return this;
        }

        public Builder heightDimenRes(int dimenRes) {
            height = context.getResources().getDimensionPixelOffset(dimenRes);
            return this;
        }

        public Builder widthDimenRes(int dimenRes) {
            width = context.getResources().getDimensionPixelOffset(dimenRes);
            return this;
        }

        public Builder cancelTouchout(boolean val) {
            cancelTouchout = val;
            return this;
        }

        public Builder isFocusable(boolean val) {
            isFocusable = val;
            return this;
        }

        public Builder isTouchable(boolean val) {
            isTouchable = val;
            return this;
        }

        public Builder animStyle(int val){
            animStyle = val;
            return this;
        }

        public Builder addViewOnclick(int viewRes, View.OnClickListener listener) {
            view.findViewById(viewRes).setOnClickListener(listener);
            return this;
        }


        public CustomPopupWindow build() {

            return new CustomPopupWindow(this);
        }
    }
    
    @Override
    public int getWidth() {
        return getContentView().getMeasuredWidth();
    }
    
    public static int dip2px(Context context, float dipValue) {
        final float scale = context.getResources().getDisplayMetrics().density;
        return (int) (dipValue * scale + 0.5f);
    }
}

複製程式碼

所以只要知道我們要設定哪些屬性，就很容易封裝。

然後使用就可以：

customPopupWindow = new CustomPopupWindow.Builder(this)
                .cancelTouchout(true)
                .view(popupWindowView)
                .isFocusable(true)
                .animStyle(R.style.AnimDown)
                .build();
複製程式碼

這裡我要額外提上面封裝類程式碼中的二個知識點：

知識點1. 提前知道popupwindow的寬高。

我們可以看到在我們的工具類中，有一段程式碼：

builder.view.measure(View.MeasureSpec.UNSPECIFIED, View.MeasureSpec.UNSPECIFIED);，

就是把我們傳進去的contentView提前繪製，這樣我們就可以呼叫popupwindow.getContentView().getMeasuredWidth()方法來獲取這個contentView的寬高了(ps:我們一般設定的popupwindow的寬高肯定跟我們傳進去的contentview一致)。

可能有些人就會問了，我們為啥需要提前知道popupwindow的寬高呢，比如下面這個需求：

比如上面的啟動PopupWindow的按鈕，比下面的選項寬，我們肯定希望我們們的PopupWindow是顯示在正中間，所以我們在呼叫：

showAsDropDown(View anchor, int xoff, int yoff);
複製程式碼

時候傳入的X值的偏移量就要為上面的按鈕寬度減去下面PopupWindow的寬度後的一半。但是平常情況下，我們單純通過PopupWindow.getWidth()或者contentView.getWidth()方法，在第一次點選出現的時候，獲取到的值前者為-2，後者為0，然後再次點選的時候就是正確值了。因為第一次點選前，PopupWindow還沒出現在螢幕過，所以也沒有被繪製出來過，寬度當然也獲取不到準確值了。出現過一次後，第二次點選就能正確獲取了。所以第一次PopupWindow就出現在錯誤位置，後面就對了。

所以我們重新過載了PopupWindow的getWidth方法：

@Override
public int getWidth() {
    return getContentView().getMeasuredWidth();
}
複製程式碼

知識點2. Touchable和Focusable的設定

我們一般對上面的按鈕設定成這樣：

btn.setOnclickListener(v -> {
    if (popupWindow != null) {
        popupWindow.showAsDropDown(v);
    }
})
複製程式碼

這樣點選按鈕後就可以出現我們的PopupWindow,但是你再次點選這個按鈕，PopupWindow會先消失，然後再次出現,就像下面這樣:

但是我們希望的是點選按鈕後，如果PopupWindow在的話就消失。

當然你可以在點選事件裡面用：PopupWindow.isShowing();判斷，然後讓PopupWindow.dismiss();,但是別人用了我們的工具類，總不能還要告訴它要在觸發按鈕點選事件裡面要額外判斷吧，所以我們只需要在我們工具類中預設設定PopupWindow的touchable和focusable為true,這樣，我們的點選事件啥都不用改，就可以點選一下出現，再點選消失。

3. PopupWindow原始碼簡單分析

很慚愧，很早以前就會用PopupWindow，但是原始碼一直沒有去看過。

在講解PopupWindow原始碼前我們先來看下其他的知識。

我們應該都做過或者看見過新增懸浮窗等功能，或者在某些文章看見過Window和WindowManager的介紹，比如在《Android藝術開發之旅》裡面，也有相關的一章專門講這個，大家可以看下：

Android開發藝術探索——第八章：理解Window和WindowManager

假設我們現在要在應用程式的某處加個按鈕，應該怎麼樣呢：

Button btn = new Button(this);
btn.setText("我是視窗");
WindowManager wm = (WindowManager) getSystemService(WINDOW_SERVICE);
WindowManager.LayoutParams layout = new WindowManager.LayoutParams(WindowManager.LayoutParams.WRAP_CONTENT
    , WindowManager.LayoutParams.WRAP_CONTENT, 0,0, 
    PixelFormat.TRANSLUCENT);
layout.flags = WindowManager.LayoutParams.FLAG_NOT_TOUCH_MODAL
        | WindowManager.LayoutParams.FLAG_NOT_FOCUSABLE
        | WindowManager.LayoutParams.FLAG_SHOW_WHEN_LOCKED;
layout.gravity = Gravity.CENTER;
layout.type = WindowManager.LayoutParams.TYPE_APPLICATION;
layout.x = 300;
layout.y = 100;
wm.addView(btn, layout);
複製程式碼

只需要通過WindowManager的addView方法，把這個按鈕加進來即可，我估計有百分之八九十的安卓開發都大概見過或者知道這種通過WindowManager新增的方式。

我們可以看出有這麼幾步:

建立了要顯示的ContentView(此處為Button)
建立WindowMananger.LayoutParams物件
對LayoutParams物件設定相應的屬性值，比如x,y
WindowMananger物件呼叫addView(ContentView,LayoutParams);

PS:這裡額外提下layout.type = WindowManager.LayoutParams.TYPE_APPLICATION;這個屬性，比如我們當前只是在我們的app裡面加一個按鈕，所以也不需要做其他額外處理；如果我們是想全域性新增按鈕，也就是我們的app最小化到了後臺，在手機桌面還是能看到有個按鈕懸浮（類似一些手機清理助手等懸浮小球），需要切換這裡的type屬性，同時還要宣告相應的許可權，不然app就會報錯，說permission denied for this window type。相應的type介紹大家可以參考：WindowManager.LayoutParams的type屬性

沒錯，我們們的PopupWindow也是類似的。

我們從建構函式開始看起來：

public PopupWindow(View contentView, int width, int height, boolean focusable) {
    if (contentView != null) {
        mContext = contentView.getContext();
        mWindowManager = (WindowManager) mContext.getSystemService(Context.WINDOW_SERVICE);
    }

    setContentView(contentView);
    setWidth(width);
    setHeight(height);
    setFocusable(focusable);
}
複製程式碼

我們可以看到，果然獲取了WindowManager物件,然後給PopupWindow的內部的contentView、width、height、focusable賦值。

我們看最後顯示的方法原始碼：

public void showAsDropDown(View anchor, int xoff, int yoff, int gravity) {
    if (isShowing() || mContentView == null) {
        return;
    }

    TransitionManager.endTransitions(mDecorView);

    attachToAnchor(anchor, xoff, yoff, gravity);

    mIsShowing = true;
    mIsDropdown = true;
    
    //'我們可以看到這裡果然生成了相應的WindowManager.LayoutParams'
    final WindowManager.LayoutParams p = createPopupLayoutParams(anchor.getWindowToken());
    
    //'把這個LayoutParams傳過去，把PopupWindow真正的樣子，也就是view建立出來'
    preparePopup(p);

    //'findDropDownPosition方法確定好PopupWindow要顯示的位置'
    final boolean aboveAnchor = findDropDownPosition(anchor, p, xoff, yoff,
            p.width, p.height, gravity);
    updateAboveAnchor(aboveAnchor);
    p.accessibilityIdOfAnchor = (anchor != null) ? anchor.getAccessibilityViewId() : -1;
    
    //'最終呼叫windowmanager.addview方法呈現popupwindow'
    invokePopup(p);
}
複製程式碼

第一步：建立WindowManager.LayoutParams

我們可以看到建立WindowManager.LayoutParams是通過程式碼 final WindowManager.LayoutParams p = createPopupLayoutParams(anchor.getWindowToken());我們具體來看下這個方法

private WindowManager.LayoutParams createPopupLayoutParams(IBinder token) {
    final WindowManager.LayoutParams p = new WindowManager.LayoutParams();

    // These gravity settings put the view at the top left corner of the
    // screen. The view is then positioned to the appropriate location by
    // setting the x and y offsets to match the anchor bottom-left
    // corner.
    p.gravity = computeGravity();
    p.flags = computeFlags(p.flags);
    p.type = mWindowLayoutType;
    p.token = token;
    p.softInputMode = mSoftInputMode;
    p.windowAnimations = computeAnimationResource();

    if (mBackground != null) {
        p.format = mBackground.getOpacity();
    } else {
        p.format = PixelFormat.TRANSLUCENT;
    }

    if (mHeightMode < 0) {
        p.height = mLastHeight = mHeightMode;
    } else {
        p.height = mLastHeight = mHeight;
    }

    if (mWidthMode < 0) {
        p.width = mLastWidth = mWidthMode;
    } else {
        p.width = mLastWidth = mWidth;
    }

    p.privateFlags = PRIVATE_FLAG_WILL_NOT_REPLACE_ON_RELAUNCH
            | PRIVATE_FLAG_LAYOUT_CHILD_WINDOW_IN_PARENT_FRAME;

    // Used for debugging.
    p.setTitle("PopupWindow:" + Integer.toHexString(hashCode()));

    return p;
}
複製程式碼

第二步：建立View

我們再看preparePopup(p);方法：

private void preparePopup(WindowManager.LayoutParams p) {
    if (mContentView == null || mContext == null || mWindowManager == null) {
        throw new IllegalStateException("You must specify a valid content view by calling setContentView() before attempting to show the popup.");
    }

    // The old decor view may be transitioning out. Make sure it finishes
    // and cleans up before we try to create another one.
    if (mDecorView != null) {
        mDecorView.cancelTransitions();
    }

    // When a background is available, we embed the content view within
    // another view that owns the background drawable.
    
    
    /**
    '準備backgroundView，因為一般mBackgroundView是null，
    所以把之前setContentView設定的contentView作為mBackgroundView,
    不然就生成一個PopupBackgroundView(繼承FrameLayout)，
    把contentView加進去，然後再對這個PopupBackgroundView設定背景'
    */
    if (mBackground != null) {
        mBackgroundView = createBackgroundView(mContentView);
        mBackgroundView.setBackground(mBackground);
    } else {
        mBackgroundView = mContentView;
    }

    /**
    '生成相應的PopupWindow的根View。
    實際也就是例項一個PopupDecorView(繼承FrameLayout)，然後把contentView add進來
    (ps:是不是想起Activity的根view：DecorView,也是叫這個名字，也是把Activity的contentView加進來)'
    */
    mDecorView = createDecorView(mBackgroundView);

    // The background owner should be elevated so that it casts a shadow.
    mBackgroundView.setElevation(mElevation);

    // We may wrap that in another view, so we will need to manually specify
    // the surface insets.
    p.setSurfaceInsets(mBackgroundView, true /*manual*/, true /*preservePrevious*/);

    mPopupViewInitialLayoutDirectionInherited =
            (mContentView.getRawLayoutDirection() == View.LAYOUT_DIRECTION_INHERIT);
}
複製程式碼

第三步：WindowManager.LayoutParams根據我們的參考View來確定具體屬性值

主要是通過原始碼中的下面這個方法：

findDropDownPosition(anchor, p, xoff, yoff,p.width, p.height, gravity);
複製程式碼

因為我們可能讓PopupWindow出現在我們點選按鈕的下面，所以我們會傳入按鈕的View，我們知道我們讓PopupWindow出現在按鈕下方，肯定需要設定WindowManager.LayoutParams的x，y值，才能讓它出現在指定位置，所以我們肯定要根據按鈕的View，獲取它的x,y值，然後額外加上我們後來傳進來的x,y軸的偏移值，然後最後顯示。

我們具體檢視原始碼的內容：

private boolean findDropDownPosition(View anchor, WindowManager.LayoutParams outParams,
        int xOffset, int yOffset, int width, int height, int gravity) {
    final int anchorHeight = anchor.getHeight();
    final int anchorWidth = anchor.getWidth();
    if (mOverlapAnchor) {
        yOffset -= anchorHeight;
    }

    // Initially, align to the bottom-left corner of the anchor plus offsets.
    final int[] drawingLocation = mTmpDrawingLocation;
    
    
    /**
    '我們可以看到呼叫了getLocationInWindow方法，
    來獲取我們參考的View的當前視窗內的絕對座標,
    得到的值為陣列：
    location[0] -----> x座標
    location[1] -----> y座標'
    */
    anchor.getLocationInWindow(drawingLocation);
    //'我們的PopupWindow的x為當前的參考View的x值加上我們額外傳入的偏移值'
    outParams.x = drawingLocation[0] + xOffset;
    //'我們的PopupWindow的y為當前的參考View的y值加上我們參考view的高度及額外傳入的偏移值'
    outParams.y = drawingLocation[1] + anchorHeight + yOffset;

    final Rect displayFrame = new Rect();
    anchor.getWindowVisibleDisplayFrame(displayFrame);
    if (width == MATCH_PARENT) {
        width = displayFrame.right - displayFrame.left;
    }
    if (height == MATCH_PARENT) {
        height = displayFrame.bottom - displayFrame.top;
    }

    // Let the window manager know to align the top to y.
    outParams.gravity = computeGravity();
    outParams.width = width;
    outParams.height = height;

    // If we need to adjust for gravity RIGHT, align to the bottom-right
    // corner of the anchor (still accounting for offsets).
    final int hgrav = Gravity.getAbsoluteGravity(gravity, anchor.getLayoutDirection())
            & Gravity.HORIZONTAL_GRAVITY_MASK;
            
    /**
    '如果是Gravity.RIGHT,我們的x值還需要再做偏移，
    相當於減去(我們的PopupWindow寬度減去參考View的寬度)。'    
    */
    if (hgrav == Gravity.RIGHT) {
        outParams.x -= width - anchorWidth;
    }

    final int[] screenLocation = mTmpScreenLocation;
    anchor.getLocationOnScreen(screenLocation);

    // First, attempt to fit the popup vertically without resizing.
    final boolean fitsVertical = tryFitVertical(outParams, yOffset, height,
            anchorHeight, drawingLocation[1], screenLocation[1], displayFrame.top,
            displayFrame.bottom, false);

    // Next, attempt to fit the popup horizontally without resizing.
    final boolean fitsHorizontal = tryFitHorizontal(outParams, xOffset, width,
            anchorWidth, drawingLocation[0], screenLocation[0], displayFrame.left,
            displayFrame.right, false);

    // If the popup still doesn not fit, attempt to scroll the parent.
    if (!fitsVertical || !fitsHorizontal) {
        final int scrollX = anchor.getScrollX();
        final int scrollY = anchor.getScrollY();
        final Rect r = new Rect(scrollX, scrollY, scrollX + width + xOffset,
                scrollY + height + anchorHeight + yOffset);
        if (mAllowScrollingAnchorParent && anchor.requestRectangleOnScreen(r, true)) {
            // Reset for the new anchor position.
            anchor.getLocationInWindow(drawingLocation);
            outParams.x = drawingLocation[0] + xOffset;
            outParams.y = drawingLocation[1] + anchorHeight + yOffset;

            // Preserve the gravity adjustment.
            if (hgrav == Gravity.RIGHT) {
                outParams.x -= width - anchorWidth;
            }
        }

        // Try to fit the popup again and allowing resizing.
        tryFitVertical(outParams, yOffset, height, anchorHeight, drawingLocation[1],
                screenLocation[1], displayFrame.top, displayFrame.bottom, mClipToScreen);
        tryFitHorizontal(outParams, xOffset, width, anchorWidth, drawingLocation[0],
                screenLocation[0], displayFrame.left, displayFrame.right, mClipToScreen);
    }

    // Return whether the popup top edge is above the anchor top edge.
    return outParams.y < drawingLocation[1];
}
複製程式碼

第三步：WindowManager新增相應的View

通過最後的invokePopup(p);

private void invokePopup(WindowManager.LayoutParams p) {
    if (mContext != null) {
        p.packageName = mContext.getPackageName();
    }

    final PopupDecorView decorView = mDecorView;
    decorView.setFitsSystemWindows(mLayoutInsetDecor);

    setLayoutDirectionFromAnchor();
    
    //'最後通過windowmanager的addview方法把decorView加進來'
    mWindowManager.addView(decorView, p);

    if (mEnterTransition != null) {
        decorView.requestEnterTransition(mEnterTransition);
    }
}
複製程式碼

補充1：當然我們平常也知道用WindowManager.removeView或者removeViewImmediate方法移除View，而我們的PopupWindow.dismiss()方法也是一樣,使用了mWindowManager.removeViewImmediate(decorView);移除，這步我就不多說了。大家可以自己看下。

補充2：看懂了showAsDropDown的原始碼，showAsLocation的就更簡單了，直接讓LayoutParams的x和y值等於你傳入的x,y值，其他程式碼都是類似的。

補充3：我們前面提過在onCreate方法裡面直接顯示ShowAsDropDown等顯示方法會報錯:android.view.WindowManager$BadTokenException，因為這時候Activity的相關View都沒初始化好，也就拿到的view.token為null了。

結語

PopupWindow小結可能寫的不夠全，或者哪裡寫的不對，歡迎大家指出。

Android技能樹 — Activity小結
2018-02-05
Android
Android技能樹 — View小結
2018-02-01
AndroidView
Android技能樹 — 動畫小結
2018-01-26
Android動畫
Android技能樹 — Drawable小結
2018-04-12
Android
Android技能樹 — LayoutInflater Factory小結
2019-02-27
Android
Android技能樹 — Fragment總體小結
2019-08-19
AndroidFragment
Android技能樹 — 樹基礎知識小結(一)
2018-05-04
Android
Android技能樹 — 螢幕適配小結
2018-07-21
Android
Android技能樹 — View事件體系小結
2018-02-10
AndroidView事件
Android技能樹 — 多程式相關小結
2018-02-27
Android
Android技能樹 — 網路小結(2)之TCP/UDP
2018-08-03
AndroidTCPUDP
Android技能樹 — 排序演算法基礎小結
2018-04-28
Android排序演算法
Android技能樹 — Android儲存路徑及IO操作小結
2018-02-23
Android
Android技能樹 — 網路小結(4)之socket/websocket/webservice
2019-03-03
AndroidWeb
Android技能樹 — 網路小結(3)之HTTP/HTTPS
2018-08-06
AndroidHTTP
Android技能樹 — Rxjava取消訂閱小結(2):RxLifeCycle
2018-05-29
AndroidRxJava
Android技能樹 — Rxjava取消訂閱小結(1):自帶方式
2018-05-29
AndroidRxJava
Android技能樹 — 網路小結(1)之網路體系結構
2018-07-31
Android
Android技能樹 — 陣列,連結串列,雜湊表基礎小結
2018-04-23
Android陣列
Android技能樹 — 網路小結(7)之 Retrofit原始碼詳細解析
2018-12-24
Android原始碼
Android技能樹 - Rxjava原始碼(1) 之初步結構
2019-02-11
AndroidRxJava原始碼
Android技能樹 — 網路小結(6)之 OkHttp超超超超超超超詳細解析
2018-11-13
AndroidHTTP
Android PopUpWindow基本使用
2018-06-26
Android
PostgreSQL技能樹
2022-04-07
SQL
Vue技能樹
2022-04-12
Vue
java技能樹
2016-11-14
Java
Android中PopupWindow使用詳解
2014-09-13
Android
Android 為PopupWindow設定動畫效果
2015-08-10
Android動畫
Python技能樹
2022-04-07
Python
網路技能樹
2022-04-07
MySQL DBA技能樹
2018-02-06
MySql
android小結
2016-08-16
Android
Android 封裝一個通用的PopupWindow
2017-12-15
Android封裝
android.widget.PopupWindow,生成Dialog
2011-08-12
Android
android PopupWindow監聽返回鍵無效
2024-08-16
Android
演算法技能樹
2022-04-07
演算法
Shell 小技能
2024-05-26
Android動畫小結
2016-12-27
Android動畫