封装一个通用的PopupWindow

最新推荐文章于 2024-06-19 20:49:16 发布
最新推荐文章于 2024-06-19 20:49:16 发布
阅读量309 收藏 1
点赞数 1
分类专栏： Android 文章标签： PopupWindow 封装 弹窗 PopopWindow的使用 dialog
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jzman/article/details/83116347
版权

PS：原文首发与微信公众号：躬行之（jzman-blog）

上篇文章是关于建造者设计模式的，今天顺便封装一个通用的 PopupWindow 来实践一下， 同时也方便以后使用 PopupWindow，如果需要可以直接引入使用：

implementation 'com.github.jzmanu:MPopupWindow:v1.0.0'

本文将从下面几个方面来介绍 PopupWindow 及其封装，具体如下：

  1. 概述
  2. 常用方法
  3. 基本使用
  4. 封装 PopupWindow
  5. 使用封装后的PopupWindow
  6. 显示效果
概述

PopupWindow 表示一个弹窗，类似于 AlertDialog，相较 AlertDialog 来说 PopupWindow 使用起来更灵活，可有任意指定要显示的位置，当然能够灵活的使用必然在某一层面有所牺牲，如 PopupWindow 相较 AlertDialog 没有默认的布局，每次都得专门创建弹窗的布局，这一点来说 AlertDialog 就比较方便了，所以在开发中没有最好的解决方案，要根据具体的需求选择最合适的解决方案。

常用设置

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)

PopupWindow 的常用属性设置，具体如下：

 //设置View(必须)
 window.setContentView(contentView);
 //设置宽(必须)
 window.setWidth(WindowManager.LayoutParams.MATCH_PARENT);
 //设置高(必须)
 window.setHeight(WindowManager.LayoutParams.WRAP_CONTENT);
 //设置背景
 window.setBackgroundDrawable(new ColorDrawable(Color.GRAY));
 //设置PopupWindow之外的触摸事件
 window.setOutsideTouchable(true);
 //设置PopupWindow消失的监听器
 window.setOnDismissListener(this);
 //设置PopupWindow上的触摸事件
 window.setTouchable(true);
 //设置PopupWindow弹出动画
 window.setAnimationStyle(R.style.PopupWindowTranslateTheme);

PopupWindow 的显示有两种设置方式，一种是基于坐标，另一种是基于某个 View ，具体如下：

//基于坐标,参数（当前窗口的某个 View，位置，起始坐标x, 起始坐标y）
void showAtLocation (View parent, int gravity, int x, int y)
//基于某个View，参数（附着的View，x 方向的偏移量，y 方向的偏移量）
void showAsDropDown (View anchor, int xoff, int yoff, int gravity) 
void showAsDropDown (View anchor, int xoff, int yoff)
void showAsDropDown (View anchor)
基本使用

PopupWindow 的主要内容基本如上，下面使用原生的 PopupWindow 实现一个弹窗，下面是关键代码，具体如下：

//创建PopupWindow
PopupWindow window = new PopupWindow(this);
//设置显示View
window.setContentView(contentView);
//设置宽高
window.setWidth(WindowManager.LayoutParams.MATCH_PARENT);
window.setHeight(WindowManager.LayoutParams.WRAP_CONTENT);
//设置背景
window.setBackgroundDrawable(new ColorDrawable(Color.GRAY));
//设置PopupWindow之外的触摸事件
window.setOutsideTouchable(true);
//设置PopupWindow消失的监听器
window.setOnDismissListener(new PopupWindow.OnDismissListener() {
    @Override
    public void onDismiss() {
        //监听PopupWindow的消失
    }
});
//设置PopupWindow上的触摸事件
window.setTouchable(true);
//设置PopupWindow弹出动画
window.setAnimationStyle(R.style.PopupWindowTranslateTheme);
window.showAtLocation(btnTarget, Gravity.BOTTOM | Gravity.CENTER, 0, 0);
封装 PopupWindow

这里对 PopupWindow 的封装主要是对 PopupWindow 常用摆放位置做进一步封装，使 PopupWindow 的调用更加灵活、简洁。

在封装过程中遇到的问题是不能正确获取到 PopupWindow 的宽高，正确获取宽高的方法是先对 PopupWindow 进行测量，然后再获取其宽高，具体如下：

//获取PopupWindow的宽高
mPopupWindow.getContentView().measure(
    View.MeasureSpec.makeMeasureSpec(0, View.MeasureSpec.UNSPECIFIED),
    View.MeasureSpec.makeMeasureSpec(0, View.MeasureSpec.UNSPECIFIED));
int popupWidth = mPopupWindow.getContentView().getMeasuredWidth();
int popupHeight = mPopupWindow.getContentView().getMeasuredHeight();

对 PopupWindow 的封装使用了建造者设计模式，下面看一下 PopupWindow 的默认配置，具体如下：

public Builder(Context context) {
    this.context = context;
    this.popupWindow = new PopupWindow(context);
    //默认PopupWindow响应触摸事件
    this.outsideTouchable = true;
    //默认响应触摸事件
    this.touchable = true;
    //默认背景透明
    this.backgroundDrawable = new ColorDrawable(Color.TRANSPARENT);
    //默认宽高为WRAP_CONTENT
    this.width  = WindowManager.LayoutParams.WRAP_CONTENT;
    this.height = WindowManager.LayoutParams.WRAP_CONTENT;
    //默认Gravity为Gravity.CENTER
    this.gravity = Gravity.CENTER;
    this.layoutId = -1;
    //默认偏移量为0
    this.offsetX = 0;
    this.offsetY = 0;
    //...
}

由于宽高、背景、是否可点击等相关属性已经设置了默认值，使用时根据自己的需求设置相关属性，如 PopupWindow 的动画等，所以这些设置肯定是非必须的，那么那些事创建时必须的呢。

下面是对 PopupWindow 封装类 MPopupWindow 的初始化，具体如下：

private void setPopupWindowConfig(MPopupWindow window) {
    if (context == null) {
        throw new MException("context can't be null.");
    } else {
        window.mContext = this.context;
    }

    if (contentView != null && layoutId != -1) {
        throw new MException("setContentView and setLayoutId can't be used together.");
    } else if (contentView == null && layoutId == -1) {
        throw new MException("contentView or layoutId can't be null.");
    }

    if (target == null){
        throw new MException("please set a target view");
    }

    window.mWidth = this.width;
    window.mHeight = this.height;
    window.mView = this.contentView;
    window.mLayoutId = layoutId;
    window.mPopupWindow = this.popupWindow;
    window.mOutsideTouchable = this.outsideTouchable;
    window.mBackgroundDrawable = this.backgroundDrawable;
    window.mOnDismissListener = this.onDismissListener;
    window.mAnimationStyle = this.animationStyle;
    window.mTouchable = this.touchable;
    window.mOffsetX = this.offsetX;
    window.mOffsetY = this.offsetY;
    window.mTarget = this.target;
    window.mGravity = this.gravity;
}

显然，这里可以看出 context 和 contentView 或 layoutId 是必须需要设置的，如果没有设置相应的会有错误提示，当然在封装中也对 contentView 和 layoutId 不能同时使用做了限制和如果使用了两者的错误提示。

下面是对外提供的显示 PopupWindow 的方法，根据不同的枚举类型将 PopupWindow 显示在不同的位置，具体如下：

public void show() {
    if (mView != null) {
        mPopupWindow.setContentView(mView);
    } else if (mLayoutId != -1) {
        View contentView = LayoutInflater.from(mContext).inflate(mLayoutId, null);
        mPopupWindow.setContentView(contentView);
    }
    if (mWidth != 0) mPopupWindow.setWidth(mWidth);
    if (mHeight != 0) mPopupWindow.setHeight(mHeight);
    mPopupWindow.setBackgroundDrawable(mBackgroundDrawable);
    mPopupWindow.setOutsideTouchable(mOutsideTouchable);
    mPopupWindow.setOnDismissListener(mOnDismissListener);
    mPopupWindow.setAnimationStyle(mAnimationStyle);
    mPopupWindow.setTouchable(mTouchable);

    int[] locations = new int[2];
    mTarget.getLocationOnScreen(locations);
    int left = locations[0];
    int top = locations[1];

    mPopupWindow.getContentView().measure(
            View.MeasureSpec.makeMeasureSpec(0, View.MeasureSpec.UNSPECIFIED),
            View.MeasureSpec.makeMeasureSpec(0, View.MeasureSpec.UNSPECIFIED));
    int popupWidth = mPopupWindow.getContentView().getMeasuredWidth();
    int popupHeight = mPopupWindow.getContentView().getMeasuredHeight();
    int targetWidth = mTarget.getWidth();
    int targetHeight = mTarget.getHeight();

    switch (mGravity) {
        case TypeGravity.TOP_LEFT:
            mPopupWindow.showAtLocation(mTarget, Gravity.NO_GRAVITY, left + mOffsetX, top - popupHeight + mOffsetY);
            break;
        case TypeGravity.TOP_CENTER:
            int offsetX = (targetWidth - popupWidth) / 2;
            mPopupWindow.showAtLocation(mTarget, Gravity.NO_GRAVITY, left + offsetX + mOffsetX, top - popupHeight + mOffsetY);
            break;
        case TypeGravity.TOP_RIGHT:
            mPopupWindow.showAtLocation(mTarget, Gravity.NO_GRAVITY, left + targetWidth - popupWidth + mOffsetX, top - popupHeight + mOffsetY);
            break;

        case TypeGravity.CENTER:
            int x = left + (targetWidth - popupWidth) / 2 + mOffsetX;
            int y = top + (targetHeight - popupHeight) / 2 + mOffsetY;
            mPopupWindow.showAtLocation(mTarget, Gravity.NO_GRAVITY, x, y);
            break;
        case TypeGravity.CENTER_LEFT_TOP:
            mPopupWindow.showAtLocation(mTarget, Gravity.NO_GRAVITY, left + mOffsetX, top + mOffsetY);
            break;
        case TypeGravity.CENTER_LEFT_BOTTOM:
            mPopupWindow.showAtLocation(mTarget, Gravity.NO_GRAVITY, left + mOffsetX, top + (targetWidth - popupHeight) + mOffsetY);
            break;
        case TypeGravity.CENTER_RIGHT_BOTTOM:
            mPopupWindow.showAtLocation(mTarget, Gravity.NO_GRAVITY, left + (targetWidth - popupWidth) + mOffsetX, top + (targetHeight - popupHeight) + mOffsetY);
            break;
        case TypeGravity.CENTER_RIGHT_TOP:
            mPopupWindow.showAtLocation(mTarget, Gravity.NO_GRAVITY, left + (targetWidth - popupWidth) + mOffsetX, top + mOffsetY);
            break;

        case TypeGravity.BOTTOM_LEFT:
            mPopupWindow.showAsDropDown(mTarget, mOffsetX, mOffsetY);
            break;
        case TypeGravity.BOTTOM_CENTER:
            int offsetX1 = (targetWidth - popupWidth) / 2;
            mPopupWindow.showAsDropDown(mTarget, offsetX1 + mOffsetX, mOffsetY);
            break;
        case TypeGravity.BOTTOM_RIGHT:
            mPopupWindow.showAsDropDown(mTarget, targetWidth - popupWidth + mOffsetX, mOffsetY);
            break;

        case TypeGravity.FROM_BOTTOM:
            if (mWidth == 0) mPopupWindow.setWidth(WindowManager.LayoutParams.MATCH_PARENT);
            mPopupWindow.showAtLocation(mTarget, Gravity.BOTTOM, mOffsetX, mOffsetY);
            break;
        case TypeGravity.FROM_TOP:
            if (mWidth == 0) mPopupWindow.setWidth(WindowManager.LayoutParams.MATCH_PARENT);
            mPopupWindow.showAtLocation(mTarget, Gravity.TOP, mOffsetX, mOffsetY);
            break;
    }
}
使用封装后的PopupWindow

下面是使用封装后的 PopupWindow，只需几行行代码就可以显示一个默认的 PopupWindow 了，具体如下：

MPopupWindow.create(this)
      .setLayoutId(R.layout.popup_window_layout)
      .setTarget(mTarget)
      .setGravity(gravity)
      .build()
      .show()

由于默认 PopupWindow 背景是透明的，建议测试时设置背景。

显示效果

下面是 PopupWindow 在各个位置的显示，还可以在此基础通过设置偏移量实现任意位置的显示，显示效果如下：

mpopupwinow.gif

可以关注微信公众号：躬行之，获取最新更新，一起交流学习，公众号回复 MPopupWindow 获取源码链接。

在这里插入图片描述

躬行之
关注
专栏目录
封装PopupWindow(1)
03-23
封装PopupWindow，博客在http://blog.csdn.net/xh870189248/article/details/65444355
拒绝无用功，封装一个通用的PopupWindow
夏至的稻穗的博客
07-10 2616
作者： 夏至，欢迎转载，但请保留这段申明，谢谢 https://juejin.im/post/5961e03e51882568b13c3308 为了避免重复造轮子，我们一般都会封装一个通用的控件，比如这次，项目中需要用到比较多的 popupwindow ，如果需要一个个写，那么依旧会累死人，而且还是无用功，无意义，所以，封装一个通用的，除了让同事看了直刷666之外，自己还省了很多事情。
uniapp u-popup封装弹框背景滚动/滚动穿模
最新发布
weixin_45811884的博客
06-19 369
【代码】uniapp u-popup封装弹框背景滚动/滚动穿模。
教你如何封装一个通用的PopupWindow
郭霖
06-15 367
今日科技快讯 什么？辣条也要出手游啦？！近日，卫龙食品官微发布了一部预告短片，表示将公测一款手游。宣传视频中声称这款手游是战争手游的革新大作，比《贪吃蛇》更多场景、比《俄罗斯方块》更炫特效、比《阳阴师》《王者农药》更快升级。对此网友吐槽：厉害了，
封装一个万能的PopupWindow
weixin_34189116的博客
01-12 110
封装一个万能的PopupWindow 由于项目中很多地方需要用到PopupWindow,而PopupWindow虽然使用起来不难,就是那些东西每次都要去配置,显得很麻烦,于是乎我干脆封装一个. 是用构建者模式封装的,链式调用,方便使用. 我们先来看看一般情况下,PopupWindow的使用 //准备PopupWindow的布局View View popupView = LayoutInflat...
PopupWindow封装
Liu_ser的博客
01-08 238
PopupWindow弹窗我们经常使用，但是如果一个项目里使用过多，那代码就会很多，所以我们需要封装 public class Pop { private static Context mContext; private final View contentview; // Context context; public Pop(Builder b){
android自定义通用PopupWindow
07-12
本教程将详细讲解如何封装一个通用的`PopupWindow`，以便在项目中复用，降低代码冗余，提高开发效率。 首先，我们需要了解`PopupWindow`的基本用法。`PopupWindow`类提供了创建和展示弹窗的功能，它可以在任意视图...
一款清新简易的通用的popupwindow
07-04
这款"清新简易的通用popupwindow"可能已经封装了以上步骤，提供了更便捷的API供开发者使用，比如预设了一些常用的样式、动画效果，或者简化了显示和关闭的逻辑，使得在各种场景下都能够快速集成和使用。 在压缩包中...
通用popupWindow，通用Dialog，改XListView+SwipeRefreshLayout
07-27
在实现通用PopupWindow时，我们需要考虑如何封装其创建和显示的过程，以便在多个地方复用。这包括设置PopupWindow的宽高、背景、动画效果以及关闭事件的处理。 其次，Dialog是另一种常见的界面元素，它通常用于显示...
Android下打造通用便捷的PopupWindow弹窗库
05-31
本文将深入探讨如何在Android环境中构建一个通用且便捷的PopupWindow库，提升应用的用户体验和代码复用性。 首先，我们来了解PopupWindow的基本用法。PopupWindow类是Android SDK提供的一个接口，通过它可以创建出...
Android 简单封装一个精美、好用的菜单型PopupWindow
05-10
简单封装一个精美、好用的菜单型PopupWindow
Android封装popwindow类（下拉菜单弹出和收缩效果）
07-22
popwindow 实现下拉菜单的弹出和收缩效果 http://blog.csdn.net/jdsjlzx/article/details/52000107资源
Android简单实现自定义弹框（PopupWindow）
08-30
本文主要介绍了Android利用PopupWindow实现自定义弹框的相关知识。具有很好的参考价值。下面跟着小编一起来看下吧
PopupWindow封装（下）
amoscxy的博客
08-07 532
PopupWindow封装（下） 1.1 前言 1.2 弹出PopupWindow 同时背景变暗 1.2.3 xml 文件如下： 1.2.4 代码如下： 1.3 CustomPopWindow 使用背景变暗配置 1.4 添加PopupWindow显示和消失动画 PopupWindow封装（下） 1.1 前言 弹出PopupWindow同时使背景变暗这个功能怎么实现？本...
PopupWindow封装 （上）
amoscxy的博客
08-07 695
PopupWindow封装 （上） 1.1 首先先看一下效果图 1.2 PopupWindow 简单介绍 1.2.1 构造函数，这个不用多说，多个重载函数，穿不同的参数。 1.2.2 设置显示的View 1.2.3 设置展示的宽、高，构造函数传了宽高就不用重新设置 1.2.4 设置是否获取焦点 1.2.5 设置点击PopupWindow 以外区域是否可以隐藏PopupWindow 1.2.6 ...
PopupWindow封装管理类
狂发小生的博客
07-03 133
记录下popupwindow的使用，可以实现在点击view 的指定位置中弹出popupwindow 方便好用 public class PopupWindowFactory { /** * 得到在屏幕中间的popupwindow并显示（宽高都是包裹视图） * * @param contentView popupwindow要显示的视图 * @param parentView 参考视图 * @return */ public s
popupWindow弹窗的封装(带效果图)
奇奇怪怪的Android code的博客
04-13 1009
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 前言 相信座Android 有很多这样的场景,就是新增或者修改,提交等一些操作的时候都需要一个弹框,弹框可以在手机有限的页面上显得更加优雅,今天主要说的一个弹窗就是,比如新增一条数据的时候,关于这个数据的类型,我们点击它,里面会有多种类型提供给我们选择,今天就封装好这样一个弹窗 一、popupWindow 相比于Dialog，PopupWindow的位置比较随意，可以在任意位置显示，而Dialog相对固定，其次就是背景变暗的效果
uniapp 封装弹窗组件（popup ，可以修改弹窗按钮名，显示内容）
lanbaiyans的博客
04-27 3379
项目中使用了多个弹窗，且内容不一样，于是重新进行封装（避免后期样式大改）其中：图片，文字 按钮名 功能 都可以自定义（父子相互传值）注意:按钮可以不传 默认是 “确认”,"取消"
Henry PopupWindow封装与使用
"henry_popupWindow封装是一个Android开发中的自定义组件，用于简化PopupWindow的使用。它基于PopupWindow进行了封装，使得在实际应用中创建和管理PopupWindow更加方便。这个封装可能包含了位置调整、触摸事件处理...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

躬行之

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值