Android 封装PopupWindow

已于 2024-03-07 10:42:18 修改
阅读量5.8k 收藏 2
点赞数 1
分类专栏： # Android 自定义控件 文章标签： android PopupWindow 封装PopupWindow
于 2018-07-12 16:44:48 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_14876133/article/details/81018545
版权

文章目录

Android 封装PopupWindow

封装类

处理控件类：

class ViewHolder(private val convertView: View) {

    companion object {
        @JvmStatic
        fun create(view: View): ViewHolder {
            return ViewHolder(view)
        }
    }

    private val views = SparseArray<View>()

    /**
     * 获取控件
     */
    fun <T : View> getView(@IdRes viewId: Int): T {
        var view = views.get(viewId)
        if (view == null) {
            view = convertView.findViewById(viewId)
            views.put(viewId, view)
        }
        return view as T
    }

    /**
     * 设置文本
     */
    fun setText(@IdRes viewId: Int, text: String) {
        val textView = getView<TextView>(viewId)
        textView.text = text
    }

    /**
     * 设置文本颜色
     */
    fun setTextColor(@IdRes viewId: Int, @ColorInt color: Int) {
        val textView = getView<TextView>(viewId)
        textView.setTextColor(color)
    }

    /**
     * 设置控件的背景图片
     */
    fun setBackgroundResource(@IdRes viewId: Int, @DrawableRes resId: Int) {
        val view = getView<View>(viewId)
        view.setBackgroundResource(resId)
    }

    /**
     * 设置控件的背景颜色
     */
    fun setBackgroundColor(@IdRes viewId: Int, @ColorInt color: Int) {
        val view = getView<View>(viewId)
        view.setBackgroundColor(color)
    }

    /**
     * 设置点击事件
     */
    fun setOnClickListener(@IdRes viewId: Int, listener: View.OnClickListener) {
        val view = getView<View>(viewId)
        view.setOnClickListener(listener)
    }
}

封装PopupWindow类：

class BasePopupWindow(private val params: PopupWindowParams, private val build: Builder) :
    PopupWindow() {

    override fun dismiss() {
        super.dismiss()
        if (params.mDimEnable) {
            build.setBackgroundDim(false)
        }
    }

    class PopupWindowParams {
        var mWidth: Int = ViewGroup.LayoutParams.WRAP_CONTENT // 宽度
        var mHeight: Int = ViewGroup.LayoutParams.WRAP_CONTENT // 高度
        var mFocusable: Boolean = false // 焦点
        var mBackground: Drawable = ColorDrawable() // 背景
        var mGravity: Int = Gravity.NO_GRAVITY // 位置
        var x: Int = 0 // x偏移
        var y: Int = 0 // y偏移
        var mDimEnable: Boolean = false // 背景是否暗淡

        @StyleRes
        var mAnimationStyle: Int = -1 // 隐藏监听
        var mOnDismissListener: OnDismissListener? = null // 隐藏监听
    }

    abstract class Builder(val context: Context, @LayoutRes layoutResId: Int) {
        private val mParams = PopupWindowParams()
        private val mContentView: View by lazy {
            LayoutInflater.from(context).inflate(layoutResId, null)
        }
        private val mViewHolder: ViewHolder by lazy {
            ViewHolder.create(mContentView)
        }
        private var mPopupWindow: BasePopupWindow? = null

        /**
         * 设置宽度
         */
        fun setWidth(width: Int): Builder {
            mParams.mWidth = width
            return this
        }

        /**
         * 设置高度
         */
        fun setHeight(height: Int): Builder {
            mParams.mHeight = height
            return this
        }

        /**
         * 设置焦点
         */
        fun setFocusable(focusable: Boolean): Builder {
            mParams.mFocusable = focusable
            return this
        }

        /**
         * 设置背景
         */
        fun setBackgroundDrawable(background: Drawable): Builder {
            mParams.mBackground = background
            return this
        }

        /**
         * 设置位置
         */
        fun setGravity(gravity: Int): Builder {
            mParams.mGravity = gravity
            return this
        }

        /**
         * 设置x偏移
         */
        fun setXOffset(x: Int): Builder {
            mParams.x = x
            return this
        }

        /**
         * 设置y便宜
         */
        fun setYOffset(y: Int): Builder {
            mParams.y = y
            return this
        }

        /**
         * 获取Activity
         */
        protected fun getActivity(context: Context): Activity? {
            if (context is Activity) {
                return context
            }
            return null
        }

        /**
         * 设置背景是否暗淡
         */
        fun setDimEnable(enable: Boolean): Builder {
            mParams.mDimEnable = enable
            return this
        }

        /**
         * 设置背景暗淡
         */
        fun setBackgroundDim(isDim: Boolean) {
            if (isDim) {
                setBackgroundAlpha(0.6F)
            } else {
                setBackgroundAlpha(1F)
            }
        }

        /**
         * 设置背景暗淡度
         */
        fun setBackgroundAlpha(alpha: Float) {
            val activity = getActivity(context)
            activity?.let { act ->
                act.window.let { w ->
                    val layoutParams = w.attributes
                    layoutParams.alpha = alpha
                    w.attributes = layoutParams
                }
            }
        }

        /**
         * 设置隐藏监听
         */
        fun setOnDismissListener(onDismissListener: OnDismissListener): Builder {
            mParams.mOnDismissListener = onDismissListener
            return this
        }

        /**
         * 设置动画
         */
        fun setAnimationStyle(@StyleRes animationStyle: Int): Builder {
            mParams.mAnimationStyle = animationStyle
            return this
        }

        /**
         * 获取PopupWindow
         */
        fun getPopupWindow(): PopupWindow {
            return mPopupWindow!!
        }

        /**
         * 创建PopupWindow
         */
        fun build(): Builder {
            mPopupWindow = BasePopupWindow(mParams, this)
            mPopupWindow!!.apply {
                contentView = mContentView
                width = mParams.mWidth
                height = mParams.mHeight
                isFocusable = mParams.mFocusable
                setBackgroundDrawable(mParams.mBackground)
                if (mParams.mAnimationStyle != -1) {
                    animationStyle = mParams.mAnimationStyle
                }
                if (mParams.mOnDismissListener != null) {
                    setOnDismissListener(mParams.mOnDismissListener)
                }
            }
            convertView(mViewHolder, mPopupWindow!!)
            return this
        }

        abstract fun convertView(viewHolder: ViewHolder, popupWindow: BasePopupWindow)

        /**
         * 判断PopupWindow是否被创建
         */
        fun isCreated(): Boolean {
            return mPopupWindow != null
        }

        /**
         * 判断PopupWindow是否显示
         */
        fun isShowing(): Boolean {
            return mPopupWindow!!.isShowing
        }

        private fun show(): Boolean {
            if (!isCreated()) {
                build()
            }
            if (isShowing()) {
                return false
            }
            if (mParams.mDimEnable) {
                setBackgroundDim(true)
            }
            return true
        }

        /**
         * 在指定视图的下方显示弹出窗口
         */
        fun showAsDropDown(anchor: View) {
            if (show()) {
                mPopupWindow!!.showAsDropDown(anchor, mParams.x, mParams.y, mParams.mGravity)
            }
        }

        /**
         * 在指定位置显示弹出窗口
         */
        fun showAtLocation(parent: View) {
            if (show()) {
                mPopupWindow!!.showAtLocation(parent, mParams.mGravity, mParams.x, mParams.y)
            }
        }
    }
}

使用

分享样式

在这里插入图片描述

代码：

class SharePop {

    class Build(context: Context) : BasePopupWindow.Builder(context, R.layout.pop_share) {
        init {
            setWidth(dp2px(100))
            setFocusable(true)
            setXOffset(-30)
            setGravity(Gravity.RIGHT)
            setDimEnable(true)
        }

        override fun convertView(viewHolder: ViewHolder, popupWindow: BasePopupWindow) {
            viewHolder.setOnClickListener(R.id.tv_qq) {
                popupWindow.dismiss()
                ToastUtils.show("QQ")
            }
            viewHolder.setOnClickListener(R.id.tv_weixin) {
                popupWindow.dismiss()
                ToastUtils.show("微信")
            }
            viewHolder.setOnClickListener(R.id.tv_sina) {
                popupWindow.dismiss()
                ToastUtils.show("新浪")
            }
        }

        fun show(view: View) {
            showAsDropDown(view)
        }
    }
}

布局：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@drawable/pop"
    android:gravity="center_horizontal"
    android:orientation="vertical">

    <TextView
        android:id="@+id/tv_qq"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:padding="10dp"
        android:text="QQ" />

    <View
        android:layout_width="match_parent"
        android:layout_height="0.5dp"
        android:layout_margin="1dp"
        android:background="@color/black" />

    <TextView
        android:id="@+id/tv_weixin"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:padding="10dp"
        android:text="微信" />

    <View
        android:layout_width="match_parent"
        android:layout_height="0.5dp"
        android:layout_margin="1dp"
        android:background="@color/black" />

    <TextView
        android:id="@+id/tv_sina"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:padding="10dp"
        android:text="新浪" />

</LinearLayout>

使用：

SharePop.Build(mContext)
    .show(btnShare)

仿QQ弹窗样式

在这里插入图片描述

代码：

class QQPop {

    class Builder(context: Context) : BasePopupWindow.Builder(context, R.layout.pop_qq) {
        private var mOnClickListener: OnClickListener? = null

        init {
            setWidth(ViewGroup.LayoutParams.MATCH_PARENT)
            setFocusable(true)
            setGravity(Gravity.BOTTOM)
            setDimEnable(true)
            setAnimationStyle(R.style.DialogAnim)
        }

        override fun convertView(viewHolder: ViewHolder, popupWindow: BasePopupWindow) {
            viewHolder.setOnClickListener(R.id.video) {
                popupWindow.dismiss()
                mOnClickListener?.onClickVideo()
            }
            viewHolder.setOnClickListener(R.id.photo) {
                popupWindow.dismiss()
                mOnClickListener?.onClickPhoto()
            }
            viewHolder.setOnClickListener(R.id.cancel) { popupWindow.dismiss() }
        }

        fun setOnClickListener(listener: OnClickListener): Builder {
            mOnClickListener = listener
            return this
        }

        fun show(root: View) {
            showAtLocation(root)
        }
    }

    interface OnClickListener {
        fun onClickVideo()
        fun onClickPhoto()
    }
}

布局：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@drawable/shape_rounded_bg"
    android:orientation="vertical">

    <TextView
        android:id="@+id/video"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center"
        android:padding="16dp"
        android:text="视频"
        android:textColor="#111188" />

    <View
        android:layout_width="match_parent"
        android:layout_height="0.5dp"
        android:background="#888" />

    <TextView
        android:id="@+id/photo"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center"
        android:padding="16dp"
        android:text="相册"
        android:textColor="#111188" />

    <View
        android:layout_width="match_parent"
        android:layout_height="0.5dp"
        android:background="#888" />

    <TextView
        android:id="@+id/cancel"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center"
        android:padding="16dp"
        android:text="取消"
        android:textColor="#111188" />
</LinearLayout>

使用：

QQPop.Builder(mContext)
    .setOnClickListener(object : QQPop.OnClickListener {
        override fun onClickVideo() {
            ToastUtils.show("视频")
        }

        override fun onClickPhoto() {
            ToastUtils.show("相册")
        }
    })
    .show(root)

点赞样式

在这里插入图片描述

代码：

package com.example.tools.popupwindow.sample

import android.content.Context
import android.view.View
import com.example.tools.R
import com.example.tools.dialog.base.ViewHolder
import com.example.tools.popupwindow.base.BasePopupWindow
import com.xiangxiongfly.common.utils.ToastUtils
import com.xiangxiongfly.common.utils.dp2px

class LikePop {

    class Builder(context: Context) : BasePopupWindow.Builder(context, R.layout.pop_like) {
        init {
            setFocusable(true)
        }

        override fun convertView(viewHolder: ViewHolder, popupWindow: BasePopupWindow) {
            viewHolder.setOnClickListener(R.id.like) {
                popupWindow.dismiss()
                ToastUtils.show("喜欢")
            }
            viewHolder.setOnClickListener(R.id.collection) {
                popupWindow.dismiss()
                ToastUtils.show("收藏")
            }
        }

        fun show(view: View) {
            build()

            val popupWindow = getPopupWindow()

            val contentView = popupWindow.contentView
            contentView.measure(
                View.MeasureSpec.UNSPECIFIED, View.MeasureSpec.UNSPECIFIED
            )
            val diff = (contentView.measuredWidth - view.measuredWidth) / 2

            val location = IntArray(2)
            view.getLocationOnScreen(location)
            setXOffset(location[0] - diff)
            setYOffset(location[1] - contentView.measuredHeight - dp2px(5))
            showAtLocation(view)
        }
    }
}

布局：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:background="#3F51B5"
    android:orientation="horizontal">

    <ImageView
        android:id="@+id/like"
        android:layout_width="20dp"
        android:layout_height="40dp"
        android:layout_marginLeft="15dp"
        android:layout_marginTop="3dp"
        android:layout_marginRight="15dp"
        android:layout_marginBottom="3dp"
        android:gravity="center"
        android:src="@drawable/ic_like" />

    <View
        android:layout_width="1dp"
        android:layout_height="20dp"
        android:layout_gravity="center_vertical"
        android:background="#bbbbbb" />

    <ImageView
        android:id="@+id/collection"
        android:layout_width="20dp"
        android:layout_height="40dp"
        android:layout_marginLeft="15dp"
        android:layout_marginTop="3dp"
        android:layout_marginRight="15dp"
        android:layout_marginBottom="3dp"
        android:gravity="center"
        android:src="@drawable/ic_collection" />
</LinearLayout>

使用：

LikePop.Builder(mContext)
    .show(view)

代码下载

xiangxiongfly915
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
Android-自定义PopupWindow，flutter开发实战详解pdf
2401_84153193的博客
04-06 905
ImageView
封装PopupWindow(1)
03-23
在这个“封装PopupWindow(1)”中，我们将探讨如何对PopupWindow进行高效且可复用的封装，以便在项目中更方便地使用。 首先，了解PopupWindow的基本结构。它包含三个主要部分：内容视图（content view）、背景...
android自定义通用PopupWindow
07-12
android 封装一个通用PopupWindow，避免重复造轮子，简化代码，方便管理。
Android打造自定义通用popWindow
君羊
12-19 2771
日常android开发中经常会用到popWindow。因此封装一个可自定义view,可设置弹出动画，可设置大小的通用popWindow显得尤为重要。 &amp;amp;amp;amp;nbsp; 效果图如下： 通用PopWindow分为如下3部分： 1.自定义popWindow 2.popWindow的辅助类 3.popWindow的弹出动画 1.自定义popWindow /* * 通用的popWindow */ publ...
Android-自定义PopupWindow
最新发布
2301_82241819的博客
04-30 608
找到一套好的视频资料，紧跟大牛梳理好的知识框架进行学习。多练。（视频优势是互动感强，容易集中注意力）你不需要是天才，也不需要具备强悍的天赋，只要做到这两点，短期内成功的概率是非常高的。对于很多初中级Android工程师而言，想要提升技能，往往是自己摸索成长，不成体系的学习效果低效漫长且无助。以上就是总结的关于在面试的一些总结，希望对大家能有些帮助，除了这些面试中需要注意的问题，当然最重要的就是刷题了，这里放上我之前整理的一份超全的面试专题PDF还有。
Android通用PopupWindow的封装
MuMuSir的博客
07-22 1017
日常开发中或多或少都会使用到PopupWindow，每次都需要自定义继承至PopupWindow的view，写多了不胜其烦，今天我们对PopupWindow做个封装，可通过链式构建，支持View方式或ViewDataBinding方式设置ContentView（类似的封装可看我的另外一篇文章Android通用Dialog的封装）。 先看使用示例： 1、通过View的方式构建，这里的SortingFilterLayout是我们自定义的一个View new CommonPopupWindow.ViewBuil
Android 封装一个通用的PopupWindow
小马快跑的博客
05-06 8333
先上效果图： 完整代码地址已上传Github：CommonPopupWindowPopupWindow这个类用来实现一个弹出框，可以使用任意布局的View作为其内容，这个弹出框是悬浮在当前activity之上的。一般PopupWindow的使用：//准备PopupWindow的布局View View popupView = LayoutInflater.from(this).inflate(R.l
android 封装的popwindow,Android安卓 PopupWindow工具类
weixin_34722747的博客
05-25 473
引入Android在需要类似于这样的弹窗会用到PopupWindow，所以，我为此封装了PopupWindow工具类，示例使用方法分别有不同的效果：在按钮上方显示View inflate1 = LayoutInflater.from(MainActivity.this).inflate(R.layout.pop_item, null, false);PopUtils popUtils1 = new...
Android popupWindow 底部弹窗
weixin_42273922的博客
12-18 736
public class BottomListPopup extends PopupWindow { private Context context; Activity activity; /** * 不可直接设置列表数据，需要通过 {@link #setList(List)} 方法来设置 * @param context */ ...
popupWindow弹窗的封装(带效果图)
奇奇怪怪的Android code的博客
04-13 979
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 前言 相信座Android 有很多这样的场景,就是新增或者修改,提交等一些操作的时候都需要一个弹框,弹框可以在手机有限的页面上显得更加优雅,今天主要说的一个弹窗就是,比如新增一条数据的时候,关于这个数据的类型,我们点击它,里面会有多种类型提供给我们选择,今天就封装好这样一个弹窗 一、popupWindow 相比于Dialog，PopupWindow的位置比较随意，可以在任意位置显示，而Dialog相对固定，其次就是背景变暗的效果
android 封装的popwindow,对 PopupWindow 的封装 EasyPopup
weixin_31094177的博客
05-25 605
EasyPopupPopupWindow对 PopupWindow 的封装，使得在项目中使用起来更加简单、方便、快捷项目特性链式调用：除了在传统的 PopupWindow 使用方法之外还加入了更多的方法带有相对于 AnchorView 的各个方位弹出的方法，弹出 PopupWindow 更轻松、更简单支持 PopupWindow 弹出时背景变暗、指定 ViewGroup 背景变暗、设置变暗颜色等 ...
Android PopupWindow使用
06-11
在实际开发中，为了提高代码复用性和可维护性，可以创建一个PopupWindow工具类，封装上述步骤，然后根据需求传入不同的布局和参数来显示不同类型的PopupWindow。 总结来说，PopupWindow是Android开发中实现弹出窗口...
解决Android popupWindow设置背景透明度无效的问题
08-24
解决Android popupWindow设置背景透明度无效的问题 解决Android popupWindow设置背景透明度无效的问题是Android 开发中常见的难点。 popupWindow 是一个常用的UI组件，用于显示一些临时信息或提示，但在设置背景...
详解Android中PopupWindow在7.0后适配的解决
08-27
最后，我们可以将这个适配方案封装到一个类中，以便于在项目中公用 PopupWindow。例如，我们可以创建一个 FixedPopupWindow 类，继承自 PopupWindow，并重写 showAsDropDown() 方法： ```java public class ...
android 封装的popwindow,Android UI开发 popupwindow介绍以及代码实例
weixin_35987446的博客
05-25 586
PopupWindow在android.widget包下，弹出窗口的形式展示。官方文档对该控件的描述是：“一个弹出窗口控件，可以用来显示任意视图(View)，而且会浮动在当前 活动(activity)的顶部”。PopupWindow可以让我们实现多种自定义控件，例如：menu、alertdialog等弹窗似的View。一、PopupWindow的简单用法在这个例子中，popupwindow在onC...
Android StateLayout状态页
xiangxiongfly
07-05 8814
StateLayout（状态页）包含：加载中页面，错误页面，空页面，内含状态默认页面，支持自定义页面。
Android 封装Dialog
xiangxiongfly
07-12 7088
封装一个通用Dialog
Android 自定义环形进度条
xiangxiongfly
07-05 3994
一个通俗易懂的环形进度条，可以定制颜色角度，监听进度。 定义一个attrs.xml &lt;?xml version="1.0" encoding="utf-8"?&gt; &lt;resources&gt; &lt;declare-styleable name="CircleProgressView"&gt; &lt;!--画笔宽度--&gt;
android studion popupwindow
10-18
好的，针对您的问题，我可以给您提供一些基本的信息。PopupWindow是Android中的一个弹出式窗口，可以在当前界面上方显示一个浮动的窗口，通常用于显示一些额外的信息或者操作选项。您可以通过以下步骤来创建和使用PopupWindow： 1. 创建PopupWindow对象：可以通过构造函数或者静态方法来创建PopupWindow对象，需要传入弹出窗口的宽度、高度、布局等参数。 2. 设置PopupWindow的属性：可以设置PopupWindow的背景、动画、焦点等属性。 3. 显示PopupWindow：可以通过showAsDropDown()、showAtLocation()等方法来显示PopupWindow。 以下是一个简单的示例代码： ``` // 创建PopupWindow对象 View popupView = LayoutInflater.from(context).inflate(R.layout.popup_layout, null); PopupWindow popupWindow = new PopupWindow(popupView, ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT); // 设置PopupWindow属性 popupWindow.setBackgroundDrawable(new ColorDrawable(Color.TRANSPARENT)); popupWindow.setOutsideTouchable(true); popupWindow.setFocusable(true); // 显示PopupWindow popupWindow.showAsDropDown(anchorView); ```
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值