Android总结之PopupWindow

PopupWindow 相信大家都不会陌生了。PopupWindows可以做出很多很好的效果。前几天做一个控件的时候正好用到了，而且也碰到了问题，今天正好就总结下，也算是一个总结。多总结才能更好的进步。

如何自定义PopupWindow的布局

这个问题相信大家都知道了，还是简单提一句。

• 可以通过 setContentView() 方法来设置自定义布局

    /**
     * <p>Change the popup's content. The content is represented by an instance
     * of {@link android.view.View}.</p>
     *
     * <p>This method has no effect if called when the popup is showing.</p>
     *
     * @param contentView the new content for the popup
     *
     * @see #getContentView()
     * @see #isShowing()
     */
    public void setContentView(View contentView) {
        ···
    }

• 还可以在 new 一个 PopupWindow 的时候将你需要的view作为一个参数传进去

    /**
     * <p>Create a new popup window which can display the <tt>contentView</tt>.
     * The dimension of the window must be passed to this constructor.</p>
     *
     * <p>The popup does not provide any background. This should be handled
     * by the content view.</p>
     *
     * @param contentView the popup's 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) {
        ···
    }

通过查阅源码发现，构造函数里面还是通过调用 setContentView() 方法来设置布局的。

如何给PopupWindow设置弹出和消失的动画

这个其实蛮简单，通过 setAnimationStyle() 方法就好了，下面是源码

    /**
     * <p>Change the animation style resource for this popup.</p>
     *
     * <p>If the popup is showing, calling this method will take effect only
     * the next time the popup is shown or through a manual call to one of
     * the {@link #update()} methods.</p>
     *
     * @param animationStyle animation style to use when the popup appears
     *      and disappears.  Set to -1 for the default animation, 0 for no
     *      animation, or a resource identifier for an explicit animation.
     *      
     * @see #update()
     */
    public void setAnimationStyle(int animationStyle) {
        mAnimationStyle = animationStyle;
    }

细心查阅源码不难发现，最终这个 mAnimationStyle 通过 WindowManager.LayoutParams 设置给了PopupWindow 。

如何设置点击布局外部消失，控制 PopupWindow 消失的时机

其实这个并不是很复杂。

···
setOutsideTouchable(true);
···

这样点击 PopupWindow 外部就可以消失 PopupWindow 了， 但是有一个问题就是，消失是整个 PopupWindow 消失，当你需要 PopupWindow 里面的某个 item 先做完某个动画后再让 PopupWindow 消失，你需要添加一些代码了。

如何解决这个问题呢，其实有两个方法。
一个是

setBackgroundDrawable(new BitmapDrawable());
setTouchInterceptor(onTouchListener);

一定要记得 setBackgroundDrawable() 方法，一定要记得 setBackgroundDrawable() 方法，一定要记得 setBackgroundDrawable() 方法，重要的事情说3遍。为什么呢，我们看源码。

    /**
     * <p>Prepare the popup by embedding in into a new ViewGroup if the
     * background drawable is not null. If embedding is required, the layout
     * parameters' height is modified to take into account the background's
     * padding.</p>
     *
     * @param p the layout parameters of the popup's content view
     */
    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.");
        }

        if (mBackground != null) {
            final ViewGroup.LayoutParams layoutParams = mContentView.getLayoutParams();
            int height = ViewGroup.LayoutParams.MATCH_PARENT;
            if (layoutParams != null &&
                    layoutParams.height == ViewGroup.LayoutParams.WRAP_CONTENT) {
                height = ViewGroup.LayoutParams.WRAP_CONTENT;
            }

            // when a background is available, we embed the content view
            // within another view that owns the background drawable
            PopupViewContainer popupViewContainer = new PopupViewContainer(mContext);
            PopupViewContainer.LayoutParams listParams = new PopupViewContainer.LayoutParams(
                    ViewGroup.LayoutParams.MATCH_PARENT, height
            );
            popupViewContainer.setBackground(mBackground);
            popupViewContainer.addView(mContentView, listParams);

            mPopupView = popupViewContainer;
        } else {
            mPopupView = mContentView;
        }

        mPopupView.setElevation(mElevation);
        mPopupViewInitialLayoutDirectionInherited =
                (mPopupView.getRawLayoutDirection() == View.LAYOUT_DIRECTION_INHERIT);
        mPopupWidth = p.width;
        mPopupHeight = p.height;
    }

通过源码我们发现，设置了 mBackground 后，我们会新建一个 PopupViewContainer 出来，并将 PopupViewContainer 的背景设置为 mBackground 。最终显示的内容就是这个 PopupViewContainer ，那我们接下来看下 PopupViewContainer 时何方神圣。

    private class PopupViewContainer extends FrameLayout {
        private static final String TAG = "PopupWindow.PopupViewContainer";

        public PopupViewContainer(Context context) {
            super(context);
        }
        ×××
        @Override
        public boolean dispatchKeyEvent(KeyEvent event) {
            if (event.getKeyCode() == KeyEvent.KEYCODE_BACK) {
                if (getKeyDispatcherState() == null) {
                    return super.dispatchKeyEvent(event);
                }

                if (event.getAction() == KeyEvent.ACTION_DOWN
                        && event.getRepeatCount() == 0) {
                    KeyEvent.DispatcherState state = getKeyDispatcherState();
                    if (state != null) {
                        state.startTracking(event, this);
                    }
                    return true;
                } else if (event.getAction() == KeyEvent.ACTION_UP) {
                    KeyEvent.DispatcherState state = getKeyDispatcherState();
                    if (state != null && state.isTracking(event) && !event.isCanceled()) {
                        dismiss();
                        return true;
                    }
                }
                return super.dispatchKeyEvent(event);
            } else {
                return super.dispatchKeyEvent(event);
            }
        }

        @Override
        public boolean dispatchTouchEvent(MotionEvent ev) {
            if (mTouchInterceptor != null && mTouchInterceptor.onTouch(this, ev)) {
                return true;
            }
            return super.dispatchTouchEvent(ev);
        }

        @Override
        public boolean onTouchEvent(MotionEvent event) {
            final int x = (int) event.getX();
            final int y = (int) event.getY();

            if ((event.getAction() == MotionEvent.ACTION_DOWN)
                    && ((x < 0) || (x >= getWidth()) || (y < 0) || (y >= getHeight()))) {
                dismiss();
                return true;
            } else if (event.getAction() == MotionEvent.ACTION_OUTSIDE) {
                dismiss();
                return true;
            } else {
                return super.onTouchEvent(event);
            }
        }
        ×××
    }

查看源码发现里面有一个 dispatchTouchEvent() 方法，这个方法用来拦截触摸事件的，仔细推敲我们就不难发现为什么要调用 setBackgroundDrawable() 方法了，不调用 setBackgroundDrawable() 方法，就没有 PopupViewContainer 对象，然后 dispatchTouchEvent() 当然就不会生效了。

还有一种方法就是写一个类继承 PopupWindow , 然后重写 dismiss() 方法。在 dismiss() 方法里面做完某个 item 的动画后，再做父类的 dismiss() 方法，让 PopupWindow 消失。
原因是点击外部的时候，PopupWindow的逻辑是走 dismiss() 方法的。在 dismiss() 里面 remove 掉 PopupWindow。我们可以利用这一点做文章。
大概的代码是

public class XPopupWindow extends PopupWindow {

    /**
    * 重写 dismiss() 方法，做完需要的动画后通过监听动画状态来让 PopupWindow 消失
    */
    @Override
    public void dismiss() {
        //tryDismissPopupWin ;
    }

    /**
    * 在动画结束调用父类的 dismiss() 方法来让 PopupWindow 消失
    */
    @Override
    public void onAnimationEnd(Animation animation) {
        super.dismiss();
    }
}

如何监听back按键，控制PopupWindow消失的时机

setFocusable(true);
setBackgroundDrawable(new BitmapDrawable());

一定要记得 setBackgroundDrawable() 方法，一定要记得 setBackgroundDrawable() 方法，一定要记得 setBackgroundDrawable() 方法，重要的事情说3遍。相信这个是大家棘手的问题，我也是，我也碰到了。幸运的是我找到了解决方法。
在分析 “如何设置点击布局外部消失，控制PopupWindow消失的时机” 这里面做过详细的解释了。
在 PopupViewContainer 里面有个 dispatchKeyEvent() 方法，此方法会拦截back按键事件。

        @Override
        public boolean dispatchKeyEvent(KeyEvent event) {
            if (event.getKeyCode() == KeyEvent.KEYCODE_BACK) {
                if (getKeyDispatcherState() == null) {
                    return super.dispatchKeyEvent(event);
                }

                if (event.getAction() == KeyEvent.ACTION_DOWN
                        && event.getRepeatCount() == 0) {
                    KeyEvent.DispatcherState state = getKeyDispatcherState();
                    if (state != null) {
                        state.startTracking(event, this);
                    }
                    return true;
                } else if (event.getAction() == KeyEvent.ACTION_UP) {
                    KeyEvent.DispatcherState state = getKeyDispatcherState();
                    if (state != null && state.isTracking(event) && !event.isCanceled()) {
                        dismiss();
                        return true;
                    }
                }
                return super.dispatchKeyEvent(event);
            } else {
                return super.dispatchKeyEvent(event);
            }
        }

通过源码我们发现，最终走的还是 dismiss() 方法，所以我的解决方法同 “如何设置点击布局外部消失，控制 PopupWindow 消失的时机” 的讨论。采用继承的方式来实现。

先写到这里吧。