Android Studio(Kotlin+XML)：如何在Snackbar中设计并添加可点击图标？

完全可以实现——默认Snackbar的Action是文字按钮，要让图标本身可点击，核心思路是替换Snackbar的默认布局，嵌入带点击事件的自定义图标。下面是具体实现步骤：

1. 创建自定义Snackbar布局 #

新建XML布局文件（比如layout_snackbar_custom.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="wrap_content"
    android:orientation="horizontal"
    android:padding="16dp"
    android:background="@color/design_snackbar_background_color">

    <!-- 消息文本 -->
    <TextView
        android:id="@+id/snackbar_msg"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:textColor="@android:color/white"
        android:textSize="14sp"/>

    <!-- 可点击图标 -->
    <ImageView
        android:id="@+id/snackbar_action_icon"
        android:layout_width="24dp"
        android:layout_height="24dp"
        android:src="@drawable/ic_close"
        android:clickable="true"
        android:focusable="true"
        android:contentDescription="@string/close_snackbar"/>

</LinearLayout>

2. 在Kotlin中实现自定义Snackbar #

通过LayoutInflater加载自定义布局，替换Snackbar默认视图，并为图标设置点击逻辑：

fun showIconActionSnackbar(anchorView: View, message: String) {
    val snackbar = Snackbar.make(anchorView, "", Snackbar.LENGTH_INDEFINITE)
    val snackbarRoot = snackbar.view

    // 移除Snackbar默认的文本控件
    snackbarRoot.findViewById<TextView>(com.google.android.material.R.id.snackbar_text)?.let {
        snackbarRoot.removeView(it)
    }

    // 加载自定义布局并添加到Snackbar根视图
    val customLayout = LayoutInflater.from(anchorView.context)
        .inflate(R.layout.layout_snackbar_custom, snackbarRoot, false)
    snackbarRoot.addView(customLayout)

    // 设置消息内容
    customLayout.findViewById<TextView>(R.id.snackbar_msg).text = message

    // 为图标设置点击事件（这里以关闭Snackbar为例，可替换为撤销/取消逻辑）
    customLayout.findViewById<ImageView>(R.id.snackbar_action_icon).setOnClickListener {
        snackbar.dismiss()
        // 这里添加你的业务逻辑，比如恢复删除的内容、取消操作等
    }

    snackbar.show()
}

额外说明 #

• 可根据需求修改图标资源（比如换成撤销图标ic_undo），并在点击事件中实现对应的业务逻辑。
• 如果需要多个操作图标（比如同时有取消和撤销），只需在自定义布局中添加多个ImageView，分别设置点击事件即可。
• 确保图标控件设置了clickable="true"和focusable="true"，避免无法响应点击。

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