首页 > 解决方案 > Android-Kotlin:如何避免在显示对话框时屏幕向上移动?

问题描述

我已经实现了一个非常简单的对话框,如下图所示(此图像取自 Android Studio 中的 Pixel 3a 模拟器):

像素 3a 模拟器

它在大多数设备上运行良好,但在单个物理设备(LG G8 ThinQ)上,它让我在顶部发生了奇怪的变化,如下面的屏幕截图所示:

这是对话框出现之前的屏幕:

对话前的 LG

然后,这是对话框出现后的屏幕:

对话期间的 LG

这是对话框关闭的时间:

对话后的 LG

如您所见,屏幕仍然在顶部移动,超出边界。我已尽一切努力避免这种情况,但无济于事。

这是调用对话框的函数:

 fun createNewFolderDialog() {
            val supportFragmentManager: FragmentManager = (activity as AppCompatActivity).supportFragmentManager
            CreateNewFolderDialogFragment().show(supportFragmentManager, "CreateNewFolderFragment")

        }

这是对话框类:

class CreateNewFolderDialogFragment : DialogFragment() {



    override fun onCreateView(inflater: LayoutInflater, container: ViewGroup?, savedInstanceState: Bundle?): View? {

       

        getDialog()!!.getWindow()?.setBackgroundDrawableResource(android.R.color.transparent);

        val dialog = inflater.inflate(R.layout.create_new_folder_dialog, container, false)

        fun submitNewFolderName() {

            val edit = dialog.findViewById(R.id.folder_name) as EditText
            val text = edit.text.toString()

            if (text != "") {
                getDialog()?.cancel()

                //Creates new folder...                

            }

        }

        //Set up listeners...
        val cnlButton: Button = dialog.findViewById(R.id.btn_cancel)
        cnlButton.setOnClickListener {
            
            getDialog()?.cancel()

           //Cancel...



        }

        val okButton: Button = dialog.findViewById(R.id.btn_ok)
        okButton.setOnClickListener {
            //Submit new folder...

        }

        return dialog
    }



    override fun onStart() {
        super.onStart()

        var width = 400
        width = width.toPx()
        
        dialog!!.window?.setLayout(width, ViewGroup.LayoutParams.WRAP_CONTENT)
        dialog!!.window?.setSoftInputMode(WindowManager.LayoutParams.SOFT_INPUT_STATE_ALWAYS_VISIBLE)       

        dialog!!.window?.decorView?.apply {
            // Hide both the navigation bar and the status bar.
            // SYSTEM_UI_FLAG_FULLSCREEN is only available on Android 4.1 and higher, but as
            // a general rule, you should design your app to hide the status bar whenever you
            // hide the navigation bar.
            //systemUiVisibility = View.SYSTEM_UI_FLAG_HIDE_NAVIGATION

            systemUiVisibility = View.SYSTEM_UI_FLAG_LOW_PROFILE or
                    View.SYSTEM_UI_FLAG_FULLSCREEN or
                    View.SYSTEM_UI_FLAG_LAYOUT_STABLE or
                    View.SYSTEM_UI_FLAG_IMMERSIVE_STICKY or
                    View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION or
                    SYSTEM_UI_FLAG_HIDE_NAVIGATION

        }

    }



}

最后,这是对话框布局的 XML:

<FrameLayout 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"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:id="@+id/parentFl"
    android:background="@android:color/transparent"
    android:paddingBottom="60dp">


    <androidx.constraintlayout.widget.ConstraintLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@drawable/round_corner">




        <TextView
            android:id="@+id/new_folder_title"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="16dp"
            android:text="New Music Folder Name"
            android:textSize="20sp"
            android:textStyle="bold"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toTopOf="parent" />

        <TextView
            android:id="@+id/new_folder_subtitle"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="1dp"
            android:text="Enter the new name for the folder"
            android:textSize="16sp"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toBottomOf="@+id/new_folder_title" />

        <EditText
            android:id="@+id/folder_name"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_marginTop="16dp"
            android:ems="10"
            android:hint="Folder name"
            android:inputType="text"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintTop_toBottomOf="@+id/new_folder_subtitle" />


        <Button
            android:id="@+id/btn_cancel"
            android:layout_width="0dp"
            android:layout_height="36dp"
            android:layout_marginStart="16dp"
            android:layout_marginTop="16dp"
            android:layout_marginEnd="16dp"
            android:layout_marginBottom="16dp"
            android:background="@drawable/dialog_buttons_background"
            android:text="Cancel"
            android:textColor="@color/vsm_links"
            app:backgroundTint="@null"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintEnd_toStartOf="@+id/btn_ok"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toBottomOf="@+id/folder_name" />



        <Button
            android:id="@+id/btn_ok"
            android:layout_width="0dp"
            android:layout_height="36dp"
            android:layout_marginStart="16dp"
            android:layout_marginTop="16dp"
            android:layout_marginEnd="16dp"
            android:layout_marginBottom="16dp"
            android:background="@drawable/dialog_buttons_background"
            android:text="OK"
            android:textColor="@color/vsm_disabled"
            app:backgroundTint="@null"
            android:clickable="false"
            android:imeOptions="actionDone"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toEndOf="@+id/btn_cancel"
            app:layout_constraintTop_toBottomOf="@+id/folder_name" />




    </androidx.constraintlayout.widget.ConstraintLayout>

</FrameLayout>

关于如何解决这个问题的任何想法?

标签: androidkotlinlayoutdialog

解决方案


好的,感谢@cactustictacs 的提示。他是对的,问题与 LG 设备上的不同 API 有关。在所有模拟设备中,我都有 API 30(Android 11)并且一切正常,而在 LG 上我有 API 28(Android Pie),我忽略了这个关键差异。我使用 API 28 和 29 创建了新的模拟设备,是的,我也可以在这些设备上重现相同的问题。

然后,我可以通过在每次关闭对话框时简单地观察主活动中的 MutableLiveData 变量设置为“true”来解决问题,以便在主活动中使用以下代码恢复全屏视图:

 binding.fullscreenContent.systemUiVisibility =
                View.SYSTEM_UI_FLAG_LOW_PROFILE or
                        View.SYSTEM_UI_FLAG_FULLSCREEN or
                        View.SYSTEM_UI_FLAG_LAYOUT_STABLE or
                        View.SYSTEM_UI_FLAG_IMMERSIVE_STICKY or
                        View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION or
                        View.SYSTEM_UI_FLAG_HIDE_NAVIGATION

瞧,问题现在解决了。仅当显示对话框时才会发生这种转变,但一旦关闭,视图就会以全屏形式恢复。

再次感谢大家帮助我。


推荐阅读