Barrier 未在约束布局中设置为 referenceIds？

Posted 2023-03-17

【中文标题】Barrier 未在约束布局中设置为 referenceIds？

【英文标题】：Barrier doesn't set to referenceIds in constraint layout?

【发布时间】：2019-07-06 02:59:48

【问题描述】：

嘿，最近几天我正在探索约束布局。我可以理解屏障的概念，但是当我实施时，我无法获得正确的输出。

我想在正确的方向上设置障碍以引用 ID。但是屏障不起作用。它应该为nameLabel和passionsLabel的视图设置。请帮我。先感谢您。这是current output

<?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/activity_main_barriers"
    android:layout_
    android:layout_>

    <TextView
        android:id="@+id/textView"
        android:layout_
        android:layout_
        android:layout_marginStart="8dp"
        android:layout_marginTop="16dp"
        android:layout_marginEnd="8dp"
        android:fontFamily="@font/roboto_bold"
        android:text="@string/barriers"
        android:textColor="@color/black"
        android:textSize="25sp"
        android:textStyle="bold"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <ImageView
        android:id="@+id/header"
        android:layout_
        android:layout_
        android:layout_marginTop="8dp"
        android:scaleType="centerCrop"
        android:src="@drawable/arun"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/textView" />

    <TextView
        android:id="@+id/title"
        android:layout_
        android:layout_
        android:layout_marginStart="8dp"
        android:layout_marginTop="8dp"
        android:layout_marginEnd="8dp"
        android:fontFamily="@font/roboto_bold"
        android:text="Arun Pandian"
        android:textColor="@color/colorPrimaryDark"
        android:textSize="24sp"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="0.032"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/header" />
    <!--@string/hobbies-->
    <TextView
        android:id="@+id/passionLabel"
        android:layout_
        android:layout_
        android:labelFor="@+id/etPassion"
        android:text="@string/passion"
        android:textColor="@color/colorPrimaryDark"
        android:textSize="15sp"
        app:layout_constraintBaseline_toBaselineOf="@+id/etPassion"
        app:layout_constraintStart_toStartOf="@+id/nameLabel" />
    <TextView
        android:id="@+id/nameLabel"
        android:layout_
        android:layout_
        android:layout_marginStart="8dp"
        android:fontFamily="@font/roboto_italic"
        android:labelFor="@+id/cameraType"
        android:text="@string/name"
        android:textColor="@color/colorPrimaryDark"
        android:textSize="15sp"
        app:layout_constraintBaseline_creator="1"
        app:layout_constraintBaseline_toBaselineOf="@+id/etName"
        app:layout_constraintLeft_creator="1"
        app:layout_constraintStart_toStartOf="@+id/title"
        app:layout_editor_absoluteX="16dp"
        app:layout_editor_absoluteY="189dp"
        tools:layout_constraintBaseline_creator="0"
        tools:layout_constraintLeft_creator="0" />
    <EditText
        android:id="@+id/etPassion"
        android:layout_
        android:layout_
        android:layout_marginTop="16dp"
        android:ems="10"
        android:inputType="textPersonName"
        android:text="Developing softwares"
        app:layout_constraintEnd_toEndOf="@+id/etName"
        app:layout_constraintHorizontal_bias="0.0"
        app:layout_constraintStart_toStartOf="@+id/etName"
        app:layout_constraintTop_toBottomOf="@+id/etName"
        app:layout_editor_absoluteX="73dp"
        app:layout_editor_absoluteY="225dp"
        tools:layout_constraintLeft_creator="1"
        tools:layout_constraintRight_creator="1"
        tools:layout_constraintTop_creator="0" />
    <EditText
        android:id="@+id/etName"
        android:layout_
        android:layout_
        android:layout_marginStart="16dp"
        android:layout_marginTop="16dp"
        android:layout_marginEnd="148dp"
        android:inputType="textPersonName"
        android:text="Arun Pandian"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toEndOf="@+id/tvName"
        app:layout_constraintTop_toBottomOf="@+id/title"
        tools:layout_constraintLeft_creator="1"
        tools:layout_constraintRight_creator="1"
        tools:layout_constraintTop_creator="0" />
    <android.support.constraint.Barrier
        android:id="@+id/barrier"
        android:layout_
        android:layout_
        app:barrierDirection="end"
        app:constraint_referenced_ids="nameLabel,passionLabel"
        tools:layout_editor_absoluteX="411dp" />
</android.support.constraint.ConstraintLayout>

【问题讨论】：

感谢@Stefan Becker 的编辑

你使用的是什么版本的约束布局？

原来它确实有效，只是Android Studio预览无法正常显示...

【参考方案1】：

试试这个： 您必须将两个 edittext 开始约束都赋予屏障。

此外，当我在 My android studio xml 中看到我的输出与您在问题图片中发布的内容相同时。检查http://prntscr.com/mkdtgb

但是当我在设备中看到它正在工作时

 <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/activity_main_barriers"
    android:layout_
    android:layout_>

    <TextView
        android:id="@+id/textView"
        android:layout_
        android:layout_
        android:layout_marginStart="8dp"
        android:layout_marginTop="16dp"
        android:layout_marginEnd="8dp"
        android:text="barriers"
        android:textColor="@android:color/black"
        android:textSize="25sp"
        android:textStyle="bold"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <ImageView
        android:id="@+id/header"
        android:layout_
        android:layout_
        android:layout_marginTop="8dp"
        android:scaleType="centerCrop"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/textView" />

    <TextView
        android:id="@+id/title"
        android:layout_
        android:layout_
        android:layout_marginStart="15dp"
        android:layout_marginTop="8dp"
        android:layout_marginEnd="8dp"
        android:text="Arun Pandian"
        android:textColor="@color/colorPrimaryDark"
        android:textSize="24sp"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/header" />
    <!--@string/hobbies-->
    <TextView
        android:id="@+id/passionLabel"
        android:layout_
        android:layout_
        android:labelFor="@+id/etPassion"
        android:text="passios"
        android:textColor="@color/colorPrimaryDark"
        android:textSize="15sp"
        app:layout_constraintBaseline_toBaselineOf="@+id/etPassion"
        app:layout_constraintStart_toStartOf="@+id/nameLabel" />

    <EditText
        android:id="@+id/etPassion"
        android:layout_
        android:layout_
        android:layout_marginTop="16dp"
        android:ems="10"
        android:inputType="textPersonName"
        android:layout_marginStart="16dp"
        android:text="Developing softwares"
        app:layout_constraintEnd_toEndOf="@+id/etName"
        app:layout_constraintStart_toEndOf="@+id/barrier2"
        app:layout_constraintTop_toBottomOf="@+id/etName" />

    <TextView
        android:id="@+id/nameLabel"
        android:layout_
        android:layout_
        android:layout_marginStart="8dp"
        android:labelFor="@+id/cameraType"
        android:text="namegfhfgdfgdfgdfgdfgdfgdf"
        android:textColor="@color/colorPrimaryDark"
        android:textSize="15sp"
        app:layout_constraintBaseline_toBaselineOf="@+id/etName"
        app:layout_constraintStart_toStartOf="parent" />

    <EditText
        android:id="@+id/etName"
        android:layout_
        android:layout_
        android:layout_marginStart="16dp"
        android:layout_marginTop="16dp"
        android:inputType="textPersonName"
        android:text="Arun Pandian"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toEndOf="@+id/barrier2"
        app:layout_constraintTop_toBottomOf="@+id/title" />


    <android.support.constraint.Barrier
        android:id="@+id/barrier2"
        android:layout_
        android:layout_
        app:barrierDirection="end"
        app:constraint_referenced_ids="nameLabel,passionLabel" />
    
</android.support.constraint.ConstraintLayout>

【参考方案2】：

我通过更新 ConstraintLayout 库解决了这个问题

来自

implementation 'com.android.support.constraint:constraint-layout:2.0.0-alpha2'

到这里

implementation 'com.android.support.constraint:constraint-layout:2.0.0-alpha3'

【讨论】：

是的，版本是问题的根本原因。谢谢老兄

【参考方案3】：

我在使用时遇到了类似的问题

implementation 'com.android.support.constraint:constraint-layout:1.1.3'

相同的代码在一个项目中运行，但在另一个项目中没有，两者都使用相同版本的约束布局

如果它可以在设备上运行，但不能在布局编辑器中运行，则尝试在编辑器中强制刷新布局

【参考方案4】：

这似乎是 Android Studio 3.3 预览版中的一个渲染错误。 屏障将在模拟器上运行时起作用。