安卓气泡弹窗

心脏dance

已于 2022-02-14 11:21:22 修改

阅读量2.8k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： Android(Kotlin) 文章标签： android 气泡 popupWindow

于 2022-02-14 11:19:38 首次发布

本文链接：https://blog.youkuaiyun.com/lgz0921/article/details/122920411

Android(Kotlin) 专栏收录该内容

37 篇文章

订阅专栏

本文介绍了如何创建一个自定义的气泡布局pop_window_view.xml，包括背景图、文字和关闭按钮的设置。气泡布局依赖于另一个布局，并通过initPopWindow()方法显示，设置显示位置和点击关闭事件。在实现时，需注意气泡布局的依赖关系以及显示位置的调整。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

先画好自己的气泡布局 pop_window_view.xml

<?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="@drawable/背景图"
    android:gravity="center_horizontal"
    android:orientation="horizontal"
    android:paddingStart="9dp"
    android:paddingEnd="12dp">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="9dp"
        android:text="@string/气泡里面的文字"
        android:textColor="@color/white" />

    <ImageView
        android:id="@+id/close"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginStart="9dp"
        android:layout_marginTop="12dp"
        android:src="@drawable/右边箭头 />


</LinearLayout>

效果如下：

怎么使用呢？

注意：气泡布局需要依赖一个其他的布局才可以，只要在依赖的布局渲染完成后，调用initPopWindow()即可。

    private var popupWindow: PopupWindow? = null
    private fun initPopWindow() {
        val popWindowView =
            LayoutInflater.from(context).inflate(R.layout.pop_window_view, null, false)
        val mClose = popWindowView.findViewById<ImageView>(R.id.close)
        popupWindow = PopupWindow(
            popWindowView,
            ViewGroup.LayoutParams.WRAP_CONTENT,
            ViewGroup.LayoutParams.WRAP_CONTENT,
            true
        )
        popupWindow?.isFocusable = false
        popupWindow?.isOutsideTouchable = false
        // 设置气泡依赖的布局，以及在依赖的布局的哪儿个位置
        popupWindow?.showAsDropDown(依赖的布局, 1f.dp2px.toInt(), 2f.dp2px.toInt())
        mClose.setOnClickListener {
            popupWindow?.dismiss()
        }
    }