奇怪的约束布局行为

Question

我想问你，如果你有类似的约束布局问题。当片段元素包含 id 标签时，片段的格式不正确。

我的活动只有一个在 xml 中定义的片段：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent">

<fragment
    android:id="@+id/initial__initial_fragment"
    android:name="com.touch4it.taxi.screens.initial.InitialFragment"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:layout="@layout/initial__fragment__layout" />

片段约束一约束布局：

<?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"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/initial__fragment__layout__holder_CL"
android:layout_width="match_parent"
android:layout_height="match_parent">

    <EditText
    android:id="@+id/initial__fragment__layout__phone_number_ET"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:ems="10"
    android:inputType="phone"
    android:text="Name"
    android:singleLine="true"
    app:layout_constraintLeft_toLeftOf="@+id/initial__fragment__layout__holder_CL"
    android:layout_marginStart="16dp"
    app:layout_constraintTop_toBottomOf="@+id/initial__fragment__layout__user_name_ET"
    android:layout_marginTop="48dp"
    app:layout_constraintRight_toRightOf="@+id/initial__fragment__layout__holder_CL"
    android:layout_marginEnd="16dp" />

    <EditText
    android:id="@+id/initial__fragment__layout__user_name_ET"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:ems="10"
    android:inputType="textPersonName"
    android:text="Name"
    android:singleLine="true"
    app:layout_constraintLeft_toLeftOf="@+id/initial__fragment__layout__holder_CL"
    android:layout_marginStart="16dp"
    app:layout_constraintTop_toBottomOf="@+id/initial__fragment__layout__log_in_label_TV"
    android:layout_marginTop="64dp"
    app:layout_constraintRight_toRightOf="@+id/initial__fragment__layout__holder_CL"
    android:layout_marginEnd="16dp" />

    <Button
    android:id="@+id/initial__fragment__layout__login_B"
    android:layout_width="0dp"
    android:layout_height="wrap_content"
    android:text="Button"
    app:layout_constraintLeft_toLeftOf="@+id/initial__fragment__layout__holder_CL"
    android:layout_marginStart="16dp"
    app:layout_constraintRight_toRightOf="@+id/initial__fragment__layout__holder_CL"
    android:layout_marginEnd="16dp"
    app:layout_constraintBottom_toBottomOf="@+id/initial__fragment__layout__holder_CL"
    android:layout_marginBottom="16dp" />

    <TextView
    android:id="@+id/initial__fragment__layout__log_in_label_TV"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="TextView"
    app:layout_constraintLeft_toLeftOf="@+id/initial__fragment__layout__holder_CL"
    android:layout_marginStart="16dp"
    app:layout_constraintTop_toTopOf="@+id/initial__fragment__layout__holder_CL"
    android:layout_marginTop="48dp"
    app:layout_constraintRight_toRightOf="@+id/initial__fragment__layout__holder_CL"
    android:layout_marginEnd="16dp" />

</android.support.constraint.ConstraintLayout>

在activity中直接使用fragment布局时，一切正常。

Answer 1

这是由于在获取片段中的布局时，元素的 id 不会是您在定义布局时使用的那个。例如，在您的代码中，您有：

app:layout_constraintLeft_toLeftOf="@+id/initial__fragment__layout__holder_CL"

并且父元素正确包含id：

<android.support.constraint.ConstraintLayout
...
    android:id="@+id/initial__fragment__layout__holder_CL"
...

问题是你的片段标签本身有一个不同的 id，initial__initial_fragment：

<fragment
    android:id="@+id/initial__initial_fragment"
...

因此，当片段加载布局时，引用 id initial__fragment__layout__holder_CL 的布局元素将找不到它，因此无法限制视图。

你可以做两件事来解决这个问题。

第一种选择是在两个地方使用相同的 id：

<fragment
    android:id="@+id/initial__fragment__layout__holder_CL"
...

第二个选项（当然更可取）是更新到较新版本的 ConstraintLayout（从 alpha 5 开始——但请注意 alpha 6 可用并修复了 alpha 5 中的一些问题）。 Alpha 5 为这种确切情况引入了一种新的表示法——不必指定父 ID，您可以改为使用：

app:layout_constraintLeft_toLeftOf="parent"

还要注意，在 Android Studio 2.2 beta 1 中，布局编辑器会自动将对 parent 的引用替换为字符串“parent”而不是使用 id。因此，修复布局最简单的方法是更新到 AS 2.2 beta 1，将 gradle 文件更改为指向 constraintlayout alpha 6，打开布局并保存。