将视图放在ConstraintLayout中另一个视图的右侧

时间:2017-10-26 10:43:21

标签: android android-constraintlayout

我希望textfield3位于textfield2的左侧。

app:layout_constraintRight_toLeftOf =“@ id / txt2”不起作用。 或者我在这里想念一些东西。

layout.xml

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    xmlns:app="http://schemas.android.com/apk/res-auto">

    <TextView
        android:id="@+id/txt1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@android:color/darker_gray"
        android:layout_margin="10dp"
        android:text="TEXTFIELD 1"/>

    <TextView
        android:id="@+id/txt2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:layout_constraintTop_toBottomOf="@+id/txt1"
        app:layout_constraintEnd_toEndOf="parent"

        android:background="@android:color/holo_orange_dark"
        android:layout_margin="10dp"
        android:text="TEXTFIELD 2"/>

    <TextView
        android:id="@+id/txt3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:layout_constraintTop_toBottomOf="@+id/txt1"
        app:layout_constraintRight_toLeftOf="@id/txt2"
        android:background="@android:color/holo_red_light"
        android:layout_margin="10dp"
        android:text="TEXTFIELD 3"/>

</android.support.constraint.ConstraintLayout>

输出:

enter image description here

2 个答案:

答案 0 :(得分:1)

ConstraintLayout中,每个小部件必须水平和垂直约束。如果不是,那么结果就会消失。您的一些TextView缺少约束。尝试以下内容:

<android.support.constraint.ConstraintLayout 
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <TextView
        android:id="@+id/txt1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_margin="10dp"
        android:layout_marginStart="24dp"
        android:layout_marginTop="24dp"
        android:background="@android:color/darker_gray"
        android:text="TEXTFIELD 1"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <TextView
        android:id="@+id/txt2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginStart="24dp"
        android:background="@android:color/holo_orange_dark"
        android:text="TEXTFIELD 2"
        app:layout_constraintStart_toEndOf="@+id/txt3"
        app:layout_constraintTop_toTopOf="@+id/txt3" />

    <TextView
        android:id="@+id/txt3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="24dp"
        android:background="@android:color/holo_red_light"
        android:text="TEXTFIELD 3"
        app:layout_constraintStart_toStartOf="@+id/txt1"
        app:layout_constraintTop_toBottomOf="@+id/txt1" />

</android.support.constraint.ConstraintLayout>

enter image description here

答案 1 :(得分:0)

其实我的布局是正确的,我发布的截图来自Android Studio 3.0的布局编辑器。但是当我在模拟器上运行时,text3实际上是贴在text2的左边。

一定是布局编辑器中的错误。