【发布时间】：2021-04-23 22:51:58
【问题描述】：
我已经实现了一个非常简单的对话框，如下图所示（该图取自 Android Studio 中的 Pixel 3a 模拟器）：
它在大多数设备上运行良好，但在单个物理设备（LG G8 ThinQ）上，它给了我一个奇怪的顶部变化，如下面的屏幕截图所示：
这是对话框出现之前的屏幕：
然后，这是对话框出现后的屏幕：
这是关闭对话框的时间：
如您所见，屏幕仍然在顶部移动，超出边界。我已尽一切努力避免这种情况，但无济于事。
这里是调用对话框的函数：
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>
关于如何解决这个问题的任何想法？
【问题讨论】：
-
如果您在对话框中使用
inflater.inflate(R.layout.create_new_folder_dialog, container)，它的行为是否相同？ -
猜测它与您试图隐藏顶部的状态栏有关 - 似乎它向上移动了相同的数量（所以窗口的顶部现在位于实际的顶部屏幕，状态栏位于其顶部）。你有什么理由用对话框做所有这些事情？它看起来大多是标准的！
-
@Zain 你的意思是“假”吗？如果是这样，我只是尝试过，并没有任何区别。
-
@cactustictacs 我这样做是为了避免在某些设备上显示底部导航栏，因为我想保持全屏显示。我还尝试了一个没有所有这些内容的简单对话框，但问题仍然出现。我也尝试删除您所指的全屏内容，但问题仍然存在。
-
我忘了包括对话框的 XML 布局，也许这给了你一些线索。我将编辑我的原始帖子以包含它。
标签： android kotlin layout dialog