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 消失的时机” 的讨论。采用继承的方式来实现。
先写到这里吧。