Android:DialogFragment 的自定义布局未像 AlertDialog 那样完全显示其宽度
Android: Custom layout for DialogFragment is not showing fully in it's width like AlertDialog
我使用 DialogFragment 扩展了这个自定义 ConfirmationDialogFragment,我想复制 AlertDialog 的相同行为,但使用自定义行为。这样下次当我需要一个带有自定义布局的警告对话框时我可以应用它,并且可以将其作为参数添加到我的对话框 class。
问题是我无法像AlertDialog那样显示对话框和匹配父项,请参考这个
.
我的对话片段class:
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>
这就是我在 activity 上使用它的方式:
val dialog = ConfirmationDialogFragment.newInstance(getString(R.string.info_unsaved_data)).apply {
setOnOkClicked {
// do something
}
setOnCancelClicked {
// do something
}
}
dialog.show(supportFragmentManager, null)
已经尝试了您的代码,结果证明您确实需要重写对话框主题,
来自你的ConfirmationDialogFragment
class
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>
我使用 DialogFragment 扩展了这个自定义 ConfirmationDialogFragment,我想复制 AlertDialog 的相同行为,但使用自定义行为。这样下次当我需要一个带有自定义布局的警告对话框时我可以应用它,并且可以将其作为参数添加到我的对话框 class。 问题是我无法像AlertDialog那样显示对话框和匹配父项,请参考这个
我的对话片段class:
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>
这就是我在 activity 上使用它的方式:
val dialog = ConfirmationDialogFragment.newInstance(getString(R.string.info_unsaved_data)).apply {
setOnOkClicked {
// do something
}
setOnCancelClicked {
// do something
}
}
dialog.show(supportFragmentManager, null)
已经尝试了您的代码,结果证明您确实需要重写对话框主题,
来自你的ConfirmationDialogFragment
class
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>