奇怪的约束布局行为

Question

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

我有 activity，其中只有一个片段定义在 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中使用片段布局时，一切正常。

Answer 1

这是由于在片段中获取布局时，元素的id不是您定义布局时使用的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 -- but note that alpha 6 开始可用并修复了 alpha 5 中的一些问题）。 Alpha 5 为这种情况引入了一种新的表示法——您不必指定父 ID，而是可以使用：

app:layout_constraintLeft_toLeftOf="parent"

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

奇怪的约束布局行为

Strange constrainlayout behavior

fragment

android-layout

android-constraintlayout