4-VIV-Android之PopupWindow

PopWindow是一个可以在Activity 之上显示任意View的控件。 PopWindow可自定义进出动画、显示位置,根据已有视图对齐显示,可谓弹框一哥。

实例:在按钮上面显示

pop.gif

一、创建及配置

加载视图-->创建对象-->初始设置

1.代码
//1.加载视图
View popView = LayoutInflater.from(this).inflate(R.layout.pop_show, null);

//2.创建对象
mPopupWindow = new PopupWindow();
//3.初始设置
mPopupWindow.setContentView(popView);//设置视图
mPopupWindow.setWidth(300);//设置宽
mPopupWindow.setHeight(500);//设置高
//        //等价于上面四句
//        mPopupWindow = new PopupWindow(popView,
//                LinearLayout.LayoutParams.MATCH_PARENT,
//                LinearLayout.LayoutParams.MATCH_PARENT);
mPopupWindow.setFocusable(true);//可聚焦--默认true
mPopupWindow.setTouchable(true);//可触碰--默认true
mPopupWindow.setOutsideTouchable(true);//点外部消失
//在安卓4.4(API 19)测试需要背景(这里是一个透明色)才能点外部消失,安卓8.1(API 27)则不需要
mPopupWindow.setBackgroundDrawable(ContextCompat.getDrawable(this, R.color.transparent));
//4.设置动画样式:
mPopupWindow.setAnimationStyle(R.style.slide_anim);//设置mPopWindow进出动画

2.动画样式:

默认动画是忽然出现,忽然消失的

values/styles.xml
<style name="slide_anim">
    <item name="android:windowEnterAnimation">@anim/slide_up</item>
    <item name="android:windowExitAnimation">@anim/slide_down</item>
</style>
anim/slide_down.xml
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <!--划下:-->
    <translate
        android:duration="200"
        android:fromYDelta="0"
        android:toYDelta="100%"/>
</set>
anim/slide_up.xml
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" >
    <!--划上:-->
    <translate
        android:duration="200"
        android:fromYDelta="100%"
        android:toYDelta="0" />
</set>

二、显示与隐藏

//显示的适配
CompatShowPop.handle(mPopupWindow, mButton, CompatShowPop.BOTTOM2TOP);
mPopupWindow.dismiss();//消失
/**
 * 作者:张风捷特烈<br/>
 * 时间:2018/11/1 0001:10:40<br/>
 * 邮箱:1981462002@qq.com<br/>
 * 说明:以View确定popWindow适配
 */
public class CompatShowPop {
    //pop顶对顶
    public static final int TOP2TOP = 0x01;
    //pop顶对底
    public static final int TOP2BOTTOM = 0x02;
    //pop底对顶
    public static final int BOTTOM2TOP = 0x03;

    /**
     * 以View确定popWindow适配
     *
     * @param popupWindow popupWindow
     * @param view        view
     * @param type        类型
     */
    public static void handle(PopupWindow popupWindow, View view, int type) {
        //处理PopWindow7.0适配
        if (Build.VERSION.SDK_INT < 24) {
            switch (type) {
                case TOP2TOP:
                    popupWindow.showAsDropDown(view, 0, -view.getHeight());
                    break;
                case TOP2BOTTOM:
                    popupWindow.showAsDropDown(view, 0, 0);
                    break;
                case BOTTOM2TOP:
//                    popupWindow.showAsDropDown(view, 0, -view.getHeight() - popupWindow.getHeight());
                    popupWindow.showAtLocation(view, Gravity.CLIP_HORIZONTAL, 0, 0);
            }
        } else {
            int[] location = new int[2];
            view.getLocationOnScreen(location);
            int x = location[0];
            int y = location[1];
            switch (type) {
                case TOP2TOP:
                    popupWindow.showAtLocation(view, Gravity.NO_GRAVITY, x, y);
                    break;
                case TOP2BOTTOM:
                    popupWindow.showAtLocation(view, Gravity.NO_GRAVITY, x, y + view.getHeight());
                    break;
                case BOTTOM2TOP:
//                    popupWindow.showAtLocation(view, Gravity.CLIP_HORIZONTAL, 0, 0);
                    popupWindow.showAtLocation(view, Gravity.NO_GRAVITY, x, y - popupWindow.getHeight());
            }
        }
    }
}

三、PopupWindow的简单封装

/**
 * 作者:张风捷特烈<br/>
 * 时间:2018/11/1 0001:11:42<br/>
 * 邮箱:1981462002@qq.com<br/>
 * 说明:PopupWindow的封装
 */
public abstract class BasePopWindow extends PopupWindow {
    private View mRootView;
    private Context mContext;

    private SparseArray<View> mViews;

    public BasePopWindow(Context context) {
        this(context, -1);
    }


    public BasePopWindow(Context context, int animStyleId) {

        mContext = context;
        //获取屏幕尺寸
        WindowManager wm = (WindowManager) context.getSystemService(Context.WINDOW_SERVICE);
        DisplayMetrics outMetrics = new DisplayMetrics();
        wm.getDefaultDisplay().getMetrics(outMetrics);

        mRootView = LayoutInflater.from(context).inflate(layoutId(), null);
        mViews = new SparseArray<>();
        //基本设置
        setContentView(mRootView);
        setWidth(outMetrics.widthPixels);
        setHeight(outMetrics.heightPixels);
        setFocusable(true);
        setTouchable(true);
        setOutsideTouchable(true);
        //沉浸标题栏,全屏显示
        setClippingEnabled(false);
        setBackgroundDrawable(new BitmapDrawable());
        if (animStyleId != -1) {
            setAnimationStyle(animStyleId);//设置mPopWindow进出动画
        }
    }

    /**
     * 通过viewId获取控件
     *
     * @param viewId pop里的控件id
     * @param <T>    控件视图
     * @return 控件视图
     */
    public <T extends View> T getView(int viewId) {
        View view = mViews.get(viewId);
        if (view == null) {
            view = mRootView.findViewById(viewId);
            mViews.put(viewId, view);
        }
        return (T) view;
    }
    public abstract int layoutId();
}

后记:捷文规范

1.本文成长记录及勘误表

项目源码

日期

备注

V0.1--无

2018-11-1

4-VIV-Android之PopupWindow

2.更多关于我

笔名

QQ

微信

爱好

张风捷特烈

1981462002

zdl1994328

语言

我的github

我的简书

我的CSDN

个人网站

3.声明

1----本文由张风捷特烈原创,转载请注明 2----欢迎广大编程爱好者共同交流 3----个人能力有限,如有不正之处欢迎大家批评指证,必定虚心改正 4----看到这里,我在此感谢你的喜欢与支持

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏向治洪

仿淘宝购买详情页购买缩小动画

偶尔一个时候,我们产品的详情页面也做的和淘宝神识,为了加强 的体验,我们加了一些动画,下面说说淘宝详情的缩放详情页的动画怎么做的吧。 先上两张图, ? ? 其实...

21480
来自专栏水击三千

ImageButton与Button

1.Button控件 Butotn控件,主要用来实现一些命令操作,通过注册监听事件来实现。首先需要在xml文档中放入一个button按钮。 1 <But...

28490
来自专栏緣來來來

安卓基础干货(十):安卓多媒体编程的学习

应用程序在启动时系统为它创建一个进程,系统为每个进程创建dalvik虚拟机(模拟器设置的VM Heap),当图片的大小大于虚拟机的堆内存空间时,就内存溢出(内存...

14810
来自专栏向治洪

listview滑动删除

今天还是给大家带来自定义控件的编写,自定义一个ListView的左右滑动删除Item的效果,这个效果之前已经实现过了,有兴趣的可以看下Android 使用Scr...

27570
来自专栏非著名程序员

教你步步为营掌握自定义ViewGroup

本篇是《教你步步为营掌握自定义View》一文的姊妹篇。自定义ViewGroup的文章很多,但都有一个缺点,没有回应用户关切,比如我在读那些文章时,就很想知道,自...

22760
来自专栏技术小黑屋

仿腾讯新闻样式的Toast

厌倦了网易新闻无处不在的喷子,尝试了一下腾讯新闻,果然顿时清净了很多,当然这不是重点。个人感觉腾讯新闻客户端的Toast比较不错,相对于系统默认的Toast,更...

10930
来自专栏郭霖

Android自定义View的实现方法,带你一步步深入了解View(四)

不知不觉中,带你一步步深入了解View系列的文章已经写到第四篇了,回顾一下,我们一共学习了LayoutInflater的原理分析、视图的绘制流程、视图的状态及重...

30890
来自专栏androidBlog

自定义View常用例子二(点击展开隐藏控件,九宫格图片控件)

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/gdutxiaoxu/article/details/...

12710
来自专栏Android干货

Android项目实战(七):Dialog主题Activity实现自定义对话框效果

44980
来自专栏何俊林

两步集成TV移动框架,从未如此简单

导读:TV相关的资料网上相对来说少点,我早期写了七篇TV相关的开发总结,有开源了一些Demo,在我的github上,今天是单灿灿同学独家在本公众平台发布他最新开...

50450

扫码关注云+社区

领取腾讯云代金券