如何在DialogFragment的AlertDialog中添加自定义左上角返回按钮？

要给AlertDialog左上角加自定义返回按钮，核心思路是替换AlertDialog的默认标题布局，在自定义布局中加入返回按钮并绑定点击事件，具体步骤如下：

1. 创建自定义标题布局 #

新建XML布局文件（比如dialog_title_with_back.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:gravity="center_vertical">

    <!-- 返回按钮 -->
    <ImageView
        android:id="@+id/iv_back"
        android:layout_width="24dp"
        android:layout_height="24dp"
        android:src="@drawable/ic_back_arrow" <!-- 替换成你的返回图标 -->
        android:clickable="true"
        android:focusable="true"/>

    <!-- 标题文本 -->
    <TextView
        android:id="@+id/tv_title"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="自定义标题"
        android:textSize="18sp"
        android:textStyle="bold"
        android:layout_marginStart="16dp"/>

</LinearLayout>

2. 在DialogFragment中绑定布局并设置点击事件 #

在onCreateDialog()方法中，通过AlertDialog.Builder设置自定义标题布局，然后获取AlertDialog实例，找到返回按钮并设置点击逻辑：

Java 示例 #

@Override
public Dialog onCreateDialog(Bundle savedInstanceState) {
    AlertDialog.Builder builder = new AlertDialog.Builder(getActivity());
    
    // 加载自定义标题布局
    View customTitleView = LayoutInflater.from(getActivity()).inflate(R.layout.dialog_title_with_back, null);
    builder.setCustomTitle(customTitleView);

    // 设置AlertDialog的其他内容（比如单选列表、确认按钮）
    builder.setSingleChoiceItems(new String[]{"选项1", "选项2", "选项3"}, 0, null)
           .setPositiveButton("确认", (dialog, which) -> {
               // 确认按钮逻辑
               dialog.dismiss();
           });

    AlertDialog alertDialog = builder.create();
    
    // 找到返回按钮并设置点击事件
    ImageView backBtn = customTitleView.findViewById(R.id.iv_back);
    backBtn.setOnClickListener(v -> {
        // 这里写返回按钮的逻辑，比如关闭对话框
        alertDialog.dismiss();
        // 也可以添加其他自定义逻辑，比如回调给宿主Fragment/Activity
    });

    return alertDialog;
}

Kotlin 示例 #

override fun onCreateDialog(savedInstanceState: Bundle?): Dialog {
    val builder = AlertDialog.Builder(requireActivity())
    
    // 加载自定义标题布局
    val customTitleView = LayoutInflater.from(requireActivity()).inflate(R.layout.dialog_title_with_back, null)
    builder.setCustomTitle(customTitleView)

    // 设置AlertDialog的其他内容
    builder.setSingleChoiceItems(arrayOf("选项1", "选项2", "选项3"), 0, null)
           .setPositiveButton("确认") { dialog, _ ->
               dialog.dismiss()
           }

    val alertDialog = builder.create()
    
    // 绑定返回按钮点击事件
    val backBtn = customTitleView.findViewById<ImageView>(R.id.iv_back)
    backBtn.setOnClickListener {
        alertDialog.dismiss()
        // 自定义逻辑
    }

    return alertDialog
}

注意事项 #

• 确保自定义标题布局中的返回按钮设置了android:clickable="true"和android:focusable="true"，避免点击事件失效。
• 如果需要动态修改标题文本，可以通过customTitleView.findViewById<TextView>(R.id.tv_title).setText("你的标题")实现。
• 返回按钮的逻辑可按需自定义，比如不仅关闭对话框，还可以触发宿主页面的回调方法。

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