如何将ImageView设置在ConstraintLayout的右侧

Question

我有一个图像视图，我想在约束布局中将其设置在水平右侧，但layout_contraintEnd_toEndOf约束似乎在imageView中不起作用。

<androidx.constraintlayout.widget.ConstraintLayout
android:layout_width="match_parent"
android:layout_height="wrap_content">
<TextView
android:id="@+id/text_value"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="16dp"
android:layout_marginTop="8dp"
android:layout_marginBottom="8dp"
android:textSize="24sp"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintVertical_bias="0.0"
tools:text="text_value" />
<ImageView
android:id="@+id/imageView"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="8dp"
android:layout_marginEnd="16dp"
android:layout_marginBottom="8dp"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:srcCompat="@drawable/ic_baseline_keyboard_arrow_right_24" />

Answer 1

根据需要将单词Start和End替换为Right和Left：

<ImageView
android:id="@+id/imageView"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="8dp"
android:layout_marginEnd="16dp"
android:layout_marginBottom="8dp"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintRight_toRight="parent"
app:layout_constraintTop_toTopOf="parent"
app:srcCompat="@drawable/ic_baseline_keyboard_arrow_right_24" />

在布局中调整视图时使用单词Start和End意味着布局方向可能会根据locale而变化，但当您使用单词Right和Left时，意味着您正在指定views的绝对位置。

Answer 2

Constraint textView位于父对象的最开始、最顶部和最底部，但其右侧位于imageView的左侧。

<TextView
android:id="@+id/textView" 
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="16dp" 
android:layout_marginTop="8dp"
android:layout_marginBottom="8dp" 
android:textSize="24sp"
app:layout_constraintRight_toLeftOf="+id/imageView"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintBottom_toBottomOf="parent" />

并且，约束ImageView位于父对象的最末端、最顶部和最底部，但其左侧位于textView的右侧。

<ImageView
android:id="@+id/imageView"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="8dp" 
android:layout_marginEnd="16dp"
android:layout_marginBottom="8dp"
app:layout_constrainLeft_toRightOf="+id/textView"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintBottom_toBottomOf="parent"
app:srcCompat="@drawable/ic_baseline_keyboard_arrow_right_24" />