Hey there! I totally get the frustration—setting the layout width in your XML doesn't always work for DialogFragment because the underlying dialog window has its own default constraints. Let's get your dialog to expand properly with a couple of straightforward fixes.

Why Your Current Setup Isn't Working #

The root issue is that DialogFragment's window enforces a default maximum width, ignoring the 800dp you set in your layout. To override this, you need to modify the window's layout parameters directly.

Solution 1: Override onStart() to Adjust Window Size #

This is the simplest approach—just add an onStart() method to your TermsAndConditionDialogFragment to tweak the window attributes:

class TermsAndConditionDialogFragment : BaseDialogFragment() {

    override fun onCreateView(inflater: LayoutInflater, container: ViewGroup?, savedInstanceState: Bundle?): View? {
        return inflater.inflate(R.layout.dialog_terms_condition, container, false)
    }

    override fun onStart() {
        super.onStart()
        dialog?.window?.let { window ->
            // Convert 800dp to pixels for screen compatibility
            val targetWidth = dpToPx(800)
            val layoutParams = window.attributes
            layoutParams.width = targetWidth
            layoutParams.height = ViewGroup.LayoutParams.WRAP_CONTENT
            // Optional: Ensure the dialog stays centered
            layoutParams.gravity = Gravity.CENTER
            window.attributes = layoutParams
        }
    }

    // Helper method to convert dp to pixels
    private fun dpToPx(dp: Int): Int {
        return (dp * resources.displayMetrics.density).toInt()
    }
}

Solution 2: Use onCreateDialog() for Full Control #

If you prefer more control over the dialog creation flow, override onCreateDialog() instead of relying solely on onCreateView():

class TermsAndConditionDialogFragment : BaseDialogFragment() {

    override fun onCreateDialog(savedInstanceState: Bundle?): Dialog {
        val view = inflater.inflate(R.layout.dialog_terms_condition, null)
        val dialog = Dialog(requireContext())
        dialog.setContentView(view)

        dialog.window?.let { window ->
            val targetWidth = dpToPx(800)
            window.setLayout(targetWidth, ViewGroup.LayoutParams.WRAP_CONTENT)
            window.setGravity(Gravity.CENTER)
        }

        // Set up button click listeners here (example)
        view.findViewById<MaterialButton>(R.id.cancel_btn).setOnClickListener {
            dismiss()
        }
        view.findViewById<MaterialButton>(R.id.accept_terms_button).setOnClickListener {
            // Handle accept action logic
            dismiss()
        }

        return dialog
    }

    private fun dpToPx(dp: Int): Int {
        return (dp * resources.displayMetrics.density).toInt()
    }
}

Pro Tip: Make It Responsive #

Instead of hardcoding 800dp, you can make the dialog take up a percentage of the screen width to work seamlessly across all devices:

// Replace the targetWidth calculation with this
val screenWidth = resources.displayMetrics.widthPixels
val targetWidth = (screenWidth * 0.9).toInt() // Uses 90% of the screen width

This ensures your dialog won't overflow small screens and still looks spacious on larger devices like tablets.

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