首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >4-VIV-Android之PopupWindow

4-VIV-Android之PopupWindow

作者头像
张风捷特烈
发布2018-12-05 11:49:10
6520
发布2018-12-05 11:49:10
举报

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----看到这里,我在此感谢你的喜欢与支持

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2018.11.01 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 实例:在按钮上面显示
  • 一、创建及配置
    • 1.代码
      • 2.动画样式:
        • values/styles.xml
        • anim/slide_down.xml
        • anim/slide_up.xml
    • 二、显示与隐藏
    • 三、PopupWindow的简单封装
    • 后记:捷文规范
      • 1.本文成长记录及勘误表
        • 2.更多关于我
          • 3.声明
          领券
          问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档