当前位置: 代码迷 >> Android >> Android小结之PopupWindow
  详细解决方案

Android小结之PopupWindow

热度:69   发布时间:2016-04-27 23:52:03.0
Android总结之PopupWindow

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

如何自定义PopupWindow的布局

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

  • 可以通过 setContentView() 方法来设置自定义布局
    /**     * <p>Change the popup's content. The content is represented by an instance     * of [email protected] 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 [email protected] #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 消失的时机” 的讨论。采用继承的方式来实现。

先写到这里吧。

版权声明:本文为博主原创文章,未经博主允许不得转载。

  相关解决方案