setCanceledOnTouchOutside的重新定位DialogFragment命中区域具有意外边距

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了setCanceledOnTouchOutside的重新定位DialogFragment命中区域具有意外边距相关的知识,希望对你有一定的参考价值。

我正在使用一个对话框来选择过滤器。平板电脑的设计涉及出现在图像按钮下方的对话框。我觉得用户期望他们可以再次单击该按钮来隐藏对话框。我看到的问题是对话框片段周围似乎有一个边距,它不会通过取消对话框来响应灰色区域中的点击。

这就是它目前的样子。

Positioning of dialog

这看起来像设计。单击以关闭对话框在过滤器图标(右上角)中的三行顶部,但不在底部两个中的任何一行上。

这是我用于对话框的样式。

<style name="SortDialogTheme" parent="Theme.AppCompat.Light.Dialog">
    <item name="android:windowNoTitle">false</item>
    <item name="android:windowBackground">@android:color/transparent</item>
    <item name="android:windowFullscreen">false</item>
    <item name="android:windowIsFloating">false</item>
    <item name="android:background">@android:color/white</item>
</style>

并且调用对话框片段的代码显示(来自片段)。

override fun showSortDialog(yPositionToDrawDialog: Int) {
    activity?.supportFragmentManager?.let { supportFragmentManager ->
        val fragmentTransaction = supportFragmentManager.beginTransaction()
        val prev = supportFragmentManager.findFragmentByTag(SortBelowButtonDialogFragment.TAG)
        if (prev != null) {
            fragmentTransaction.remove(prev)
        }
        fragmentTransaction.addToBackStack(null)
        val sortDialog = SortBelowButtonDialogFragment.newInstance(yPositionToDrawDialog)
        if (!supportFragmentManager.isStateSaved && !sortDialog.isAdded) {
            sortDialog.setStyle(DialogFragment.STYLE_NO_FRAME, R.style.SortDialogTheme)
            sortDialog.show(fragmentTransaction, SortBelowButtonDialogFragment.TAG)
        }
    }
}

以下是重新定位对话框的逻辑(来自DialogFragment)。

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

private fun moveDialogToExtrasY() {
    val window = dialog.window
    window.setGravity(Gravity.TOP or Gravity.END)
    window.setLayout(WindowManager.LayoutParams.WRAP_CONTENT, WindowManager.LayoutParams.WRAP_CONTENT)

    val windowLayoutParams = window.attributes
    windowLayoutParams.y = arguments?.getInt(Y_POSITION_OF_DIALOG, DEFAULT_Y_POSITION) ?: DEFAULT_Y_POSITION
    windowLayoutParams.x = context?.resources?.getDimension(R.dimen.sort_view_margin)?.toInt() ?: DEFAULT_PADDING
    windowLayoutParams.width = context?.resources?.getDimension(R.dimen.sort_view_tablet_min_width)?.toInt()
            ?: DEFAULT_WIDTH

    window.attributes = windowLayoutParams
}

以下是具有相同问题的对话框片段的布局的简化版本。

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
                                             xmlns:app="http://schemas.android.com/apk/res-auto"
                                             android:id="@+id/sort_dialog"
                                             android:layout_width="wrap_content"
                                             android:layout_height="wrap_content"
                                             android:clickable="true"
                                             android:focusable="true"
                                             android:minWidth="300dp">

    <TextView
            android:id="@+id/filter_header"
            android:text="Filter"
            android:padding="20dp"
            android:layout_height="wrap_content"
            android:layout_width="0dp"
            app:layout_constraintBottom_toTopOf="@+id/filter_option"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toTopOf="parent"
            app:layout_constraintVertical_chainStyle="packed"/>

    <TextView
            android:id="@+id/filter_option"
            android:text="Option"
            android:padding="20dp"
            android:layout_height="wrap_content"
            android:layout_width="0dp"
            app:layout_constraintTop_toBottomOf="@+id/filter_header"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintVertical_chainStyle="packed"/>

</android.support.constraint.ConstraintLayout>

我将android:windowIsFloating更改为true然后看起来像这样,这比设计指定的按钮更远。但是,单击过滤器图标上的任意位置将取消该对话框。

Repositioned with windowIsFloating true

有没有办法在DialogFragment上指定命中区域的大小?

答案

转换为PopupWindow提供了一个可接受的解决方案。

override fun showSortDialog(yPositionToDrawDialog: Int) {
    val popup = PopupWindow(
        layoutInflater.inflate(R.layout.sort_view, null),
        context?.resources?.getDimension(R.dimen.sort_view_tablet_min_width)?.toInt() 
            ?: DEFAULT_SORT_POPUP_WIDTH,
        ConstraintLayout.LayoutParams.WRAP_CONTENT,
        true
    )

    popup.showAsDropDown(sort_icon, 0, 0, (Gravity.TOP or Gravity.END))

    val container = popup.contentView.parent as View
    val windowManager = context?.getSystemService(Context.WINDOW_SERVICE) as WindowManager?
    val layoutParams = container.layoutParams as WindowManager.LayoutParams

    layoutParams.flags = layoutParams.flags or WindowManager.LayoutParams.FLAG_DIM_BEHIND
    layoutParams.dimAmount = 0.6f
    windowManager?.updateViewLayout(container, layoutParams)
}

以上是关于setCanceledOnTouchOutside的重新定位DialogFragment命中区域具有意外边距的主要内容,如果未能解决你的问题,请参考以下文章

自己定义Android Dialog

DialogFragment 禁止返回

android Dialog 底部弹出

防止在外部触摸时解除 BottomSheetDialogFragment

在对话框外发生单击时如何触发事件

通过外部触摸事件关闭对话框不起作用