博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
APP中抽屉效果的项目讲解
阅读量:6243 次
发布时间:2019-06-22

本文共 4186 字,大约阅读时间需要 13 分钟。

导语

 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);

构造参数的第二个参数width: 就是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样式中增加:

res下新建anim文件夹,新建两个xml文件,一个是弹出效果一个是收缩效果。

fade_in.xml  

fade_out.xml

最后调用popupWindow.setAnimationStyle(R.style.PopupAnimation);

5、总结

写了一晚上,有关于PopupWindow 的用法讲完了,可能没有讲的很全面,这只是我个人对于这个控件平时使用的一些心得,如果有需要补充或错误的,欢迎大家留言或者私聊我 。

本文属于原创,如有转载,请标注原作者,版权归本公众号所有。如果你喜欢我写的文章请关注 程序IT圈  ,欢迎大家继续关注本公众号的技术博文。如果您觉得这篇文章对你有所帮助的话,不妨点个赞或给个赞赏哈,您的支持就是我坚持原创的动力。

推荐阅读

[](

你可能感兴趣的文章
rhel6创建iso镜像
查看>>
Unix整理笔记-vi简介-里程碑M8
查看>>
Java中方法覆盖的约束
查看>>
用路由器做CA的基于数字证书的ipsec ***
查看>>
运维必须掌握的Linux面试题【转自CentOS中文站】
查看>>
poj1459 Power Network(最大流)
查看>>
相机拍照友盟检测crash是为什么?
查看>>
翻转单词顺序列(剑指offer)
查看>>
ashx和ajax利用POST导致编码错误
查看>>
virtual oj ACboy needs your help again!
查看>>
ubuntu 安装 nginx php mysql
查看>>
HDU-1213-How Many Tables
查看>>
奇怪的道路[JXOI2012]
查看>>
Windows+MyEclipse+MySQL【连接数据库报错caching_sha2_password】
查看>>
导入数据
查看>>
UMeditor上传图片配置
查看>>
Homestead小结
查看>>
2015年iOS开发总结
查看>>
CocoaPods 安装与使用
查看>>
学习笔记:查最大内存
查看>>