• Android中PopupWindow结合项目讲解


    导语

    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圈 ,欢迎大家继续关注本公众号的技术博文。如果您觉得这篇文章对你有所帮助的话,不妨点个赞哈,您的支持就是我坚持原创的动力。

    推荐阅读
    福利篇:学习编程视频免费领取

    Retrofit常见注解全解析

    五大步骤快速搭建个人网站

  • 相关阅读:
    Python生成二维码
    SSO单点登录
    小说 · 凉生,我们可不可以不忧伤
    RabbitMQ入门教程——.NET客户端使用
    ASP.NET MVC 拓展ActionResult实现Html To Pdf 导出
    ASP.NET MVC 拓展ViewResult实现word文档下载
    RabbitMQ入门教程——安装及配置
    MongoDB学习笔记——分片(Sharding)
    MongoDB学习笔记——Replica Set副本集
    MongoDB学习笔记——Master/Slave主从复制
  • 原文地址:https://www.cnblogs.com/cxyquan/p/9746584.html
Copyright © 2020-2023  润新知