导语
Android开发中,几乎我们在接触的项目中,多多少少都会需要用到PopupWindow来实现的弹出对话框,所以有必要熟悉掌握这个控件的使用 。这个控件其实使用起来并不是很难,如果自己亲自敲一个Demo 出来,我相信很快就可以上手的。下面 ,我将拿自己公司的项目来讲解一下我对于PopupWindow 的使用心得。
1、PopupWindow效果图
还是老习惯,讲一个新控件,先上效果图:
2、PopupWindow是什么?
Android开发中常见的对话框有两种:AlertDialog 和 PopupWindow。
它们的不同点在于:AlertDialog的位置固定在屏幕的中间,而PopupWindow的位置可以随意 。PopupWindow 这个类用来实现弹出框,可以把任意布局的View作为内容,而且这个弹出框是悬浮在当前Activity之上的。
3、PopupWindow 用法
创建PopupWindow构造方法有四种形式:
public PopupWindow (Context context)
public PopupWindow(View contentView)
public PopupWindow(View contentView, int width, int height)
public PopupWindow(View contentView, int width, int height, boolean focusable)
一般我的习惯是选择带有 3 个参数的构造方法 ,原因是PopupWindow是没有默认布局的,它的布局只有通过我们自己设置才行。而PopupWindow 的成功创建需要View contentView,int width, int height ,缺一个都不行 。刚好选择带有 3 个参数的构造方法,可以满足 。
如果选择只有一个参数的需要单独设置宽度和搞定,代码如下:
PopupWindow popupWindow = new PopupWindow(contentview);
popupWindow.setWidth(LayoutParams.WRAP_CONTENT);
popupWindow.setHeight(LayoutParams.WRAP_CONTENT);
构造参数的第一个参数contentview:是我们想要展示的内容 。一般我们是把内容写在一个xml布局里,加载的布局代码如下:
View layoutLeft=LayoutInflater.from(getContext()).inflate(R.layout.pop_menulist, null);
构造参数的第二个参数 就是PopupWindow控件的宽度。
构造参数的第三个参数height: 就是PopupWindow控件的高度。
除了构造方法很重要,还有个显示位置的函数也是很重要的,有3个
showAsDropDown(View anchor)
showAsDropDown(View anchor, int xoff, int yoff)
showAtLocation(View parent, int gravity, int x, int y)
第1个函数是没有偏移的,相对于布局中某个控件的位置(正左下方)
第2个函数是有偏移的,相对某个控件的位置。xoff表示相对于X轴的偏移;yoff表示相对于Y轴的偏移。正负值表示方向。
第3个函数跟第2个类似,不同的是这个是相对于父控件的位置 。
除了上面讲到的构造方法和显示函数是掌握 PopupWindow 的关键外,它还有几个常用的方法,比如:
设置弹出对话框的动画效果:
popupWindow.setAnimationStyle(R.style.PopupAnimation);
获取焦点:popupWindow.setFocusable(true);
对话框消失:popupWindow.dismiss();
设置popupwindow外部可点击:
popupWindow.setOutsideTouchable(true);
设置背景透明:
ColorDrawable cd = new ColorDrawable(0x00000000);
popupWindow.setBackgroundDrawable(cd);
注意:设置popupwindow外部可点击的时候需要设置背景,不然外部点击的效果是不生效的 。在网络上,我有看到一个解释是这样的:如果有背景,则会在contentView外面包一层PopupViewContainer之后作为mPopupView,如果没有背景,则直接用contentView作为mPopupView。而这个PopupViewContainer是一个内部私有类,它继承了FrameLayout,在其中重写了Key和Touch事件的分发处理 。
4、PopupWindow的示例代码
因为有三个地方都需要用到 PopupWindow ,所以做成一个共用的方法,减少代码重复和冗余 ,有利于代码的复用 。由于这个项目是公司的项目,所以没法给大家搞出完整的代码,只能给出PopupWindow 的核心代码。
//设置条件弹出式方法
public void setConditionPopWindow() {
layoutLeft = LayoutInflater.from(getContext()).inflate(R.layout.pop_menulist, null);
mRecyclerView = (RecyclerView) layoutLeft
.findViewById(R.id.rv_condition);
conditonAdpter = new ConditionRAdapter();
conditonAdpter.addDatas(mdata);//添加数据
//1.上下文 2.方向 3.true代表倒序排列,flase代表顺序排
mRecyclerView.setLayoutManager(new GridLayoutManager(getContext(), 3, GridLayoutManager.VERTICAL, false));
mRecyclerView.setAdapter(conditonAdpter); //设置适配器
mRecyclerView.setItemAnimator(new DefaultItemAnimator());//设置动画效果
popupWindow = new PopupWindow(layoutLeft, ViewGroup.LayoutParams.MATCH_PARENT,
ViewGroup.LayoutParams.MATCH_PARENT);
ColorDrawable cd = new ColorDrawable(0000);
popupWindow.setBackgroundDrawable(cd);
popupWindow.setAnimationStyle(R.style.PopupAnimation);
popupWindow.update();
popupWindow.setInputMethodMode(PopupWindow.INPUT_METHOD_NEEDED);
popupWindow.setTouchable(true); // 设置popupwindow可点击
popupWindow.setOutsideTouchable(true); // 设置popupwindow外部可点击
popupWindow.setFocusable(true); // 获取焦点
// 设置popupwindow的位置(相对tvLeft的位置)
//x,y关于原点的偏移量(横坐标,纵坐标)
popupWindow.showAsDropDown(llClass, 0, 0);
/*设置popupwindow消失的点击事件*/
popupWindow.setOnDismissListener(new PopupWindow.OnDismissListener() {
@Override
public void onDismiss() {
resetFilterStatus();
}
});
}
大家之所以都喜欢用PopupWindow ,最主要的还是因为可以设置动画效果。具体步骤如下。
在style样式中增加:
<style name="PopupAnimation">
<item name="android:windowEnterAnimation">@anim/fade_in</item>
<item name="android:windowExitAnimation">@anim/fade_out</item>
</style>
res下新建anim文件夹,新建两个xml文件,一个是弹出效果一个是收缩效果。
fade_in.xml
<?xml version="1.0" encoding="UTF-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
<scale android:pivotY="0%"
android:pivotX="0%"
android:toYScale="1.0"
android:fromYScale="0.5"
android:toXScale="1.0"
android:fromXScale="1.0"
android:duration="200"/>
<alpha android:duration="200"
android:toAlpha="1.0" android:interpolator="@android:anim/decelerate_interpolator" android:fromAlpha="0.0"/>
</set>
fade_out.xml
<?xml version="1.0" encoding="UTF-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
<scale android:pivotY="0%"
android:pivotX="0%"
android:toYScale="0.5"
android:fromYScale="1.0"
android:toXScale="1.0"
android:fromXScale="1.0"
android:duration="200"/>
<alpha android:duration="200"
android:toAlpha="0.0" android:interpolator="@android:anim/accelerate_interpolator" android:fromAlpha="1.0"/>
</set>
最后调用popupWindow.setAnimationStyle(R.style.PopupAnimation);
5、总结
写了一晚上,有关于PopupWindow 的用法讲完了,可能没有讲的很全面,这只是我个人对于这个控件平时使用的一些心得,如果有需要补充或错误的,欢迎大家留言或者私聊我 。
本文属于原创,如有转载,请标注原作者,版权归本公众号所有。如果你喜欢我写的文章请关注 程序IT圈 ,欢迎大家继续关注本公众号的技术博文。如果您觉得这篇文章对你有所帮助的话,不妨点个赞哈,您的支持就是我坚持原创的动力。
推荐阅读
福利篇:学习编程视频免费领取