Android Studio底部导航模板下Spinner与页面标题间空白异常问题

问题原因 #

• tools:前缀的属性仅在Android Studio预览界面生效，真机运行时会被完全忽略。你根布局的tools:layout_editor_absoluteY="81dp"让预览时整个Fragment布局向下偏移了81dp，和实际运行状态不一致，属于预览假象。
• 底部导航活动模板默认的主活动布局中，承载Fragment的NavHostFragment默认添加了android:paddingTop="?attr/actionBarSize"属性，为顶部标题栏预留空间，这部分padding就是真机上Spinner和标题之间空白的来源。
• 额外适配问题：Spinner写死391dp宽度在不同分辨率的设备上会出现显示异常，不建议使用固定尺寸。

解决步骤 #

1. 修正Fragment布局 #

替换你的Fragment布局代码如下，删除无效的预览偏移属性，调整Spinner宽度为自适应：

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout 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"
    tools:context=".ui.myfragment.MyFragment">

    <Spinner
        android:id="@+id/myspinner"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:minHeight="48dp"
        android:spinnerMode="dropdown"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        tools:ignore="SpeakableTextPresentCheck" />

</androidx.constraintlayout.widget.ConstraintLayout>

2. 消除顶部预留空白 #

有两种方案可选：

• 全局生效方案：找到主活动布局文件（默认路径res/layout/activity_main.xml），定位到androidx.navigation.fragment.NavHostFragment控件，删除其android:paddingTop="?attr/actionBarSize"属性即可。
• 仅当前Fragment生效方案：不需要修改全局布局，在当前MyFragment的onViewCreated方法中添加如下代码，动态抵消顶部预留padding：

// Kotlin示例代码
val actionBarHeight = resources.getDimensionPixelSize(androidx.appcompat.R.dimen.abc_action_bar_default_height_material)
binding.root.setPadding(0, -actionBarHeight, 0, 0)

// Java示例代码
int actionBarHeight = getResources().getDimensionPixelSize(androidx.appcompat.R.dimen.abc_action_bar_default_height_material);
view.setPadding(0, -actionBarHeight, 0, 0);

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