Android中通过代码加载XML布局无显示问题排查求助

核心问题 #

OnItemSelectedListener触发后，代码执行正常但动态加载的视图未显示，同时需满足：新布局显示在屏幕中间、上方视图保持原位、下方视图被向下推送、页面已支持滚动。

现有代码 #

Java 逻辑代码 #

_inclusionLayout.removeAllViews();   //The relative layout that is going to hold the xml file
View inclusionView = getLayoutInflater().inflate(R.layout.patientpage_10, _inclusionLayout, false);                              //inflating the view within the relative layout
RelativeLayout.LayoutParams layoutParams = new RelativeLayout.LayoutParams(
        RelativeLayout.LayoutParams.MATCH_PARENT,
        RelativeLayout.LayoutParams.WRAP_CONTENT);
layoutParams.addRule(RelativeLayout.ALIGN_PARENT_TOP);
inclusionView.setLayoutParams(layoutParams);
_inclusionLayout.addView(inclusionView);
_inclusionLayout.setVisibility(View.VISIBLE);
Log.d("Message", "itemSelected Called"); // checking to see if the item was selected and the code executed without error

待加载的XML布局（patientpage_10.xml） #

<?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"
    android:id="@+id/ptpg10_layout">

    <EditText
        android:id="@+id/ptpg10_txtMeals"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:ems="10"
        android:hint="Meal"
        android:inputType="text"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <Spinner
        android:id="@+id/ptpg10_percentageSpinner"
        android:layout_width="271dp"
        android:layout_height="wrap_content"
        android:layout_marginTop="20dp"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/ptpg10_txtMealWarning" />

    <TextView
        android:id="@+id/ptpg10_txtMealWarning"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Please Enter Meal"
        android:textColor="#bf1408"
        android:visibility="gone"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/ptpg10_txtMeals" />

    <TextView
        android:id="@+id/ptpg10_txtSpinnerWarning"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Please Enter Percentage"
        android:textColor="#bf1408"
        android:visibility="gone"
        app:layout_constraintEnd_toEndOf="@+id/ptpg10_percentageSpinner"
        app:layout_constraintStart_toStartOf="@+id/ptpg10_percentageSpinner"
        app:layout_constraintTop_toBottomOf="@+id/ptpg10_percentageSpinner" />

    <EditText
        android:id="@+id/ptpg10_txtNotes"
        android:layout_width="340dp"
        android:layout_height="94dp"
        android:ems="10"
        android:layout_marginTop="20dp"
        android:hint="Notes (Optional)"
        android:inputType="text"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/ptpg10_txtSpinnerWarning" />
</androidx.constraintlayout.widget.ConstraintLayout>

问题排查点 #

1. 待加载布局高度错误：根布局layout_height="match_parent"会让它占满父容器_inclusionLayout，若_inclusionLayout本身高度受限，会导致内容被挤压或隐藏。
2. 布局规则冲突：手动设置ALIGN_PARENT_TOP会让新视图贴在父布局顶部，可能被上方原有视图完全遮挡，同时不符合“屏幕中间显示”的需求。
3. Inflate方式冗余：第三个参数传false后手动添加视图，可能导致布局参数未正确继承，或视图层级出现问题。

优化实现方案 #

1. 修改待加载XML布局 #

将根布局高度改为wrap_content，并添加内边距保证内容居中显示：

<?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="wrap_content"
    android:padding="16dp"
    android:id="@+id/ptpg10_layout">

    <!-- 内部控件保持不变 -->
    <EditText
        android:id="@+id/ptpg10_txtMeals"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:ems="10"
        android:hint="Meal"
        android:inputType="text"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <Spinner
        android:id="@+id/ptpg10_percentageSpinner"
        android:layout_width="271dp"
        android:layout_height="wrap_content"
        android:layout_marginTop="20dp"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/ptpg10_txtMealWarning" />

    <TextView
        android:id="@+id/ptpg10_txtMealWarning"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Please Enter Meal"
        android:textColor="#bf1408"
        android:visibility="gone"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/ptpg10_txtMeals" />

    <TextView
        android:id="@+id/ptpg10_txtSpinnerWarning"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Please Enter Percentage"
        android:textColor="#bf1408"
        android:visibility="gone"
        app:layout_constraintEnd_toEndOf="@+id/ptpg10_percentageSpinner"
        app:layout_constraintStart_toStartOf="@+id/ptpg10_percentageSpinner"
        app:layout_constraintTop_toBottomOf="@+id/ptpg10_percentageSpinner" />

    <EditText
        android:id="@+id/ptpg10_txtNotes"
        android:layout_width="340dp"
        android:layout_height="94dp"
        android:ems="10"
        android:layout_marginTop="20dp"
        android:hint="Notes (Optional)"
        android:inputType="text"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/ptpg10_txtSpinnerWarning" />
</androidx.constraintlayout.widget.ConstraintLayout>

2. 调整Java逻辑代码 #

简化Inflate流程，去掉冗余的布局参数设置：

_inclusionLayout.removeAllViews();
// 直接将视图Inflate并添加到父布局，第三个参数设为true自动处理布局参数
getLayoutInflater().inflate(R.layout.patientpage_10, _inclusionLayout, true);
_inclusionLayout.setVisibility(View.VISIBLE);
Log.d("Message", "itemSelected Called");

3. 页面结构调整（关键） #

要实现“上方视图不动、下方视图被推送”，页面根布局需采用ScrollView包裹垂直方向的LinearLayout，顺序为：

<ScrollView
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical">

        <!-- 上方固定视图 -->
        <.../>

        <!-- 动态加载的容器，初始状态设为gone -->
        <RelativeLayout
            android:id="@+id/_inclusionLayout"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:visibility="gone"
            android:gravity="center"/>

        <!-- 下方视图 -->
        <.../>

    </LinearLayout>
</ScrollView>

这样_inclusionLayout显示时，LinearLayout会自动将下方视图向下推送，同时ScrollView保证所有内容可滚动。

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