Android：DialogFragment 的自定义布局没有像 AlertDialog 一样完全显示在其宽度上

问题描述

我使用 DialogFragment 扩展了这个自定义 ConfirmationDialogFragment，我想复制 AlertDialog 的相同行为，但使用自定义行为。这样下次当我需要一个带有自定义布局的警报对话框时可以应用它，并且可能将其作为参数添加到我的对话框类中。 问题是我无法像 AlertDialog 一样显示对话框并匹配父级，请参考此

。

我的对话框片段类：

import android.os.Bundle
import android.view.LayoutInflater
import android.view.View
import android.view.ViewGroup
import androidx.databinding.DataBindingUtil
import androidx.fragment.app.DialogFragment

private const val KEY_MESSAGE = "ConfirmationDialogFragment.KEY_MESSAGE"

class ConfirmationDialogFragment : DialogFragment() {

    private lateinit var binding: DialogFragmentConfirmationBinding
    private var onOkClicked: (() -> Unit)? = null
    private var onCancelClicked: (() -> Unit)? = null

    override fun onCreateView(inflater: LayoutInflater,container: ViewGroup?,savedInstanceState: Bundle?): View? {
        val message = arguments?.getString(KEY_MESSAGE) ?: ""
        binding = DataBindingUtil.inflate(
            LayoutInflater.from(context),R.layout.dialog_fragment_confirmation,null,false
        )

        binding.message = message
        binding.onClickedOk = View.OnClickListener {
            onOkClicked?.invoke()
            dismiss()
        }
        binding.onClickedCancel = View.OnClickListener {
            onCancelClicked?.invoke()
            dismiss()
        }
        return binding.root
    }
    
    fun setonOkClicked(onOkClicked: () -> Unit) {
        this.onOkClicked = onOkClicked
    }
    
    fun setonCancelClicked(onCancelClicked: () -> Unit) {
        this.onCancelClicked = onCancelClicked
    }

    companion object {
        fun newInstance(message: String) = ConfirmationDialogFragment().apply {
            arguments = Bundle().apply {
                putString(KEY_MESSAGE,message)
            }
        }
    }
}

xml 布局：

<?xml version="1.0" encoding="utf-8"?>
<layout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools">

    <data>

        <variable
            name="message"
            type="String" />

        <variable
            name="onClickedOk"
            type="android.view.View.OnClickListener" />

        <variable
            name="onClickedCancel"
            type="android.view.View.OnClickListener" />

        <import type="android.view.View" />
    </data>

    <androidx.constraintlayout.widget.ConstraintLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:padding="8sp">

        <androidx.appcompat.widget.AppCompatTextView
            android:id="@+id/messageTextView"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:padding="12dp"
            android:text="@{message}"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toBottomOf="parent"
            app:layout_constraintTop_toTopOf="parent"
            tools:text="Save?" />

        <androidx.appcompat.widget.AppCompatButton
            android:id="@+id/cancleButton"
            style="@style/AppTheme.BodyTitle"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="@android:color/transparent"
            android:onClick="@{onClickedCancel}"
            android:text="Cancel"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintEnd_toStartOf="@+id/appCompatButton2"
            app:layout_constraintTop_toBottomOf="@+id/messageTextView" />

        <androidx.appcompat.widget.AppCompatButton
            android:id="@+id/appCompatButton2"
            style="@style/AppTheme.BodyTitle"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="@android:color/transparent"
            android:onClick="@{onClickedOk}"
            android:text="Yes"
            app:layout_constraintBottom_toBottomOf="@+id/cancleButton"
            app:layout_constraintEnd_toEndOf="@+id/messageTextView"
            app:layout_constraintTop_toTopOf="@+id/cancleButton" />

    </androidx.constraintlayout.widget.ConstraintLayout>
</layout>

样式 xml:

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <style name="AppTheme.Base" parent="Theme.AppCompat.Light.DarkActionBar" />

    <style name="AppTheme" parent="AppTheme.Base">
        <item name="colorAccent">@color/black</item>
        <item name="windowActionBar">false</item>
        <item name="coordinatorLayoutStyle">@style/Widget.Support.CoordinatorLayout</item>
        <item name="windowNoTitle">true</item>
        <item name="colorButtonnormal">@android:color/darker_gray</item>
        <item name="buttonStyle">@style/AppTheme.AppThemeButton</item>
    </style>

    <style name="AppTheme.AppThemeButton">
        <item name="android:layout_width">match_parent</item>
        <item name="android:layout_height">wrap_content</item>
        <item name="android:layout_marginStart">16dp</item>
        <item name="android:layout_marginEnd">16dp</item>
        <item name="android:textSize">16sp</item>
        <item name="android:gravity">center</item>
        <item name="android:padding">16dp</item>
        <item name="android:textColor">@color/white</item>
        <item name="android:foreground">?android:attr/selectableItemBackground</item>
        <item name="android:textStyle">bold</item>
    </style>

    <style name="AppTheme.BodyTitle">
        <item name="android:textSize">14sp</item>
        <item name="android:textStyle">normal</item>
    </style>
</resources>

这就是我如何在我的活动中使用它：

val dialog = ConfirmationDialogFragment.newInstance(getString(R.string.info_unsaved_data)).apply {
    setonOkClicked {
        // do something
    }
    setonCancelClicked {
        // do something
    }
}

dialog.show(supportFragmentManager,null)

解决方法

已经尝试了您拥有的代码，结果证明您真的只需要覆盖 Dialog 主题，

来自您的 ConfirmationDialogFragment 课程

override fun getTheme() = R.style.AppTheme_Alert

并从您的样式中添加此内容，但 colorAccent 只是可选的，呵呵。

<style name="AppTheme.Alert" parent="Theme.AppCompat.Light.Dialog.Alert">
    <item name="colorAccent">@color/black</item>
</style>