如何在Android Studio中使用Kotlin实现按钮触发的自定义弹出菜单？

没问题！我给你整理了一套完整的Kotlin实现方案，能帮你快速搞定点击按钮弹出菜单的需求，还能自定义样式贴近你想要的效果。

1. 准备布局文件 #

页面布局（activity_main.xml） #

先在你的页面里放一个触发弹出菜单的按钮：

<?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="match_parent"
    android:gravity="center"
    android:orientation="vertical">

    <Button
        android:id="@+id/btn_show_popup"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="显示弹出菜单" />

</LinearLayout>

弹出菜单布局（res/menu/menu_popup.xml） #

在res/menu目录下创建菜单文件，定义你需要的菜单项：

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android">
    <item
        android:id="@+id/menu_item_edit"
        android:title="编辑"
        android:icon="@drawable/ic_edit" /> <!-- 可以替换成你的图标 -->
    <item
        android:id="@+id/menu_item_delete"
        android:title="删除"
        android:icon="@drawable/ic_delete" />
    <item
        android:id="@+id/menu_item_share"
        android:title="分享"
        android:icon="@drawable/ic_share" />
</menu>

2. Kotlin核心代码实现 #

在你的Activity（比如MainActivity）里，给按钮设置点击事件，创建并显示PopupMenu：

import android.os.Bundle
import android.view.MenuItem
import android.view.View
import android.widget.Button
import android.widget.PopupMenu
import android.widget.Toast
import androidx.appcompat.app.AppCompatActivity

class MainActivity : AppCompatActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)

        val showPopupBtn = findViewById<Button>(R.id.btn_show_popup)
        showPopupBtn.setOnClickListener { view ->
            showPopupMenu(view)
        }
    }

    private fun showPopupMenu(view: View) {
        // 创建PopupMenu实例，传入上下文和触发视图
        val popupMenu = PopupMenu(this, view)
        // 加载菜单布局
        popupMenu.menuInflater.inflate(R.menu.menu_popup, popupMenu.menu)

        // 设置菜单项点击监听
        popupMenu.setOnMenuItemClickListener { menuItem ->
            when (menuItem.itemId) {
                R.id.menu_item_edit -> {
                    Toast.makeText(this, "点击了编辑", Toast.LENGTH_SHORT).show()
                    true
                }
                R.id.menu_item_delete -> {
                    Toast.makeText(this, "点击了删除", Toast.LENGTH_SHORT).show()
                    true
                }
                R.id.menu_item_share -> {
                    Toast.makeText(this, "点击了分享", Toast.LENGTH_SHORT).show()
                    true
                }
                else -> false
            }
        }

        // 显示弹出菜单
        popupMenu.show()
    }
}

3. 自定义菜单样式（可选） #

如果你的示例菜单有特殊样式（比如背景颜色、文字大小、图标位置），可以通过修改样式文件来实现：

在res/values/styles.xml里添加自定义PopupMenu样式：

<style name="CustomPopupMenu" parent="@style/Widget.AppCompat.PopupMenu">
    <!-- 菜单背景色 -->
    <item name="android:popupBackground">#F5F5F5</item>
    <!-- 菜单项文字颜色 -->
    <item name="android:textColor">#333333</item>
    <!-- 菜单项文字大小 -->
    <item name="android:textSize">14sp</item>
    <!-- 菜单阴影 -->
    <item name="android:shadowRadius">4dp</item>
    <item name="android:shadowColor">#88000000</item>
</style>

然后在创建PopupMenu的时候应用这个样式（适配Android 7.0+）：

// 修改showPopupMenu方法里的PopupMenu创建代码
val popupMenu = if (android.os.Build.VERSION.SDK_INT >= android.os.Build.VERSION_CODES.N) {
    PopupMenu(this, view, 0, 0, R.style.CustomPopupMenu)
} else {
    PopupMenu(this, view)
}

这样就能得到和你示例更接近的样式啦！

内容的提问来源于stack exchange，提问作者Shailendra Madda