如何在ConstraintLayout中防止TextView重叠？

Question

我遇到了一个问题，"Den Dolder" TextView 总是重叠在日期 TextView 上面。我尝试使用 app:layout_constraintRight_toLeftOf="@id/date_txtView"，但出人意料地没有效果！请注意保留 HTML 标签。

那不好：

- user11315386

Answer 1

简短的解决方案：

尝试在两个TextView中都添加app:layout_constraintHorizontal_weight="1"和android:layout_width="0dp" - 它们将在布局中占据相同的宽度。

更复杂布局的另一种解决方案：

您需要告诉两个文本视图都处于0dp的宽度，这样如果文本过长，它们将换行。

例如，像这样在您的2个TextView之间设置一个Chain：

<?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"
  android:layout_width="match_parent"
  android:layout_height="match_parent">

<TextView
    android:id="@+id/textView3"
    android:layout_width="0dp"
    android:layout_height="wrap_content"
    android:text="aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa"
    app:layout_constraintEnd_toStartOf="@+id/textView4"
    app:layout_constraintHorizontal_bias="0.5"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toTopOf="parent" />

<TextView
    android:id="@+id/textView4"
    android:layout_width="0dp"
    android:layout_height="wrap_content"
    android:layout_marginTop="8dp"
    android:text="TextView"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintStart_toEndOf="@+id/textView3"
    app:layout_constraintTop_toTopOf="parent" />
</android.support.constraint.ConstraintLayout>

它将会看起来像这样（没有一个textView会重叠在另一个上面，它们只是会下移一行）：

- Tamir Abutbul