为<include>标签添加ID导致Android布局结构错乱问题咨询

这个问题我之前也踩过坑！核心原因很明确：当你给<include>标签设置android:id时，系统会替换被包含布局根View的原有ID——原来被包含布局里的@+id/constraint_parent会被替换成你给<include>设置的ID（比如@+id/test），而被包含布局内的TextView都是基于原根View ID写的约束，找不到目标后布局自然就乱了。

下面给你两种可行的解决方案，按需选择：

方案1：修改被包含布局的约束，使用parent代替硬编码的根ID #

把被包含布局中所有引用根View ID的约束，替换成parent（在ConstraintLayout中，parent特指当前View所在的ConstraintLayout容器）。这样不管根View的ID被改成什么，约束都会正常生效。

修改后的被包含布局代码：

<?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/constraint_parent"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <TextView
        android:id="@+id/t1"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:text="1"
        app:layout_constraintEnd_toStartOf="@id/t2"
        app:layout_constraintStart_toStartOf="parent" /> <!-- 替换成parent -->
    <TextView
        android:id="@+id/t2"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:text="2"
        app:layout_constraintEnd_toStartOf="@id/t3"
        app:layout_constraintStart_toEndOf="@id/t1" />
    <TextView
        android:id="@+id/t3"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:text="3"
        app:layout_constraintStart_toEndOf="@id/t2"
        app:layout_constraintEnd_toEndOf="parent"/> <!-- 替换成parent -->
</android.support.constraint.ConstraintLayout>

之后你就可以给每个<include>设置不同ID了，比如：

<include android:id="@+id/test1" layout="@layout/test_include" />
<include android:id="@+id/test2" layout="@layout/test_include" />

方案2：使用<merge>标签简化布局（适合父布局与被包含布局根类型一致的场景） #

如果你的父布局和被包含布局的根布局都是ConstraintLayout，可以把被包含布局的根ConstraintLayout换成<merge>标签。这样<include>引入时，内部的TextView会直接嵌入到父布局中，避免了额外的布局层级，同时<include>的ID不会影响约束（因为没有根View被替换ID）。

修改后的被包含布局代码：

<?xml version="1.0" encoding="utf-8"?>
<merge xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto">
    <TextView
        android:id="@+id/t1"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:text="1"
        app:layout_constraintEnd_toStartOf="@id/t2"
        app:layout_constraintStart_toStartOf="parent" />
    <TextView
        android:id="@+id/t2"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:text="2"
        app:layout_constraintEnd_toStartOf="@id/t3"
        app:layout_constraintStart_toEndOf="@id/t1" />
    <TextView
        android:id="@+id/t3"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:text="3"
        app:layout_constraintStart_toEndOf="@id/t2"
        app:layout_constraintEnd_toEndOf="parent"/>
</merge>

这种方法的好处是减少了布局层级，性能更优，但注意：如果被包含布局的根View有自己的属性（比如背景色、padding），需要把这些属性移到<include>标签中，或者父布局里。

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