Android 约束布局:文本视图文本重叠按钮
我第一次面临这个问题,我的文本与按钮重叠,我尝试使用屏障、指南,但将文本放在按钮的中心,然后启动父级。我正在实现文本视图,文本将从父级开始,在“开始”按钮和“结束”按钮之前结束,按钮始终位于父级的末尾,如下图所示。Android 约束布局:文本视图文本重叠按钮,android,android-layout,android-constraintlayout,Android,Android Layout,Android Constraintlayout,我第一次面临这个问题,我的文本与按钮重叠,我尝试使用屏障、指南,但将文本放在按钮的中心,然后启动父级。我正在实现文本视图,文本将从父级开始,在“开始”按钮和“结束”按钮之前结束,按钮始终位于父级的末尾,如下图所示。 我的布局 <androidx.constraintlayout.widget.ConstraintLayout android:layout_width="match_parent" android:layout_height="match_
我的布局
<androidx.constraintlayout.widget.ConstraintLayout
android:layout_width="match_parent"
android:layout_height="match_parent">
<TextView
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
android:id="@+id/titleTextView"
android:text="title"
android:layout_width="wrap_content"
android:layout_height="wrap_content"/>
<TextView
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/titleTextView"
android:id="@+id/descriptionTextView"
android:text="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."
android:layout_width="wrap_content"
android:layout_height="wrap_content"/>
<ImageView
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
android:id="@+id/copyImageView"
android:tint="?android:textColorSecondary"
android:src="@drawable/ic_content_copy_black_24dp"
android:layout_width="wrap_content"
android:layout_height="wrap_content"/>
</androidx.constraintlayout.widget.ConstraintLayout>
您所需要的只是一点边距和右约束 现在,在您的
descriptionTextView
中,首先您需要设置app:layout\u constrainedWidth=“true”
,这样就不会超出布局,而是在右侧设置一些边距,如android:layout\u margined=“8dp”
现在您需要像这样使用ImageView
设置约束
app:layout\u constraintEnd\u toStartOf=“@+id/copyImageView”
现在,上面的行将始终防止文本视图重叠
<androidx.constraintlayout.widget.ConstraintLayout
android:layout_width="match_parent"
android:layout_height="match_parent">
<TextView
android:id="@+id/titleTextView"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="title"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<TextView
android:id="@+id/descriptionTextView"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginEnd="8dp"
android:layout_marginRight="8dp"
android:text="Lorem ipsum dolor sit amet, consectetur erererereradipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."
app:layout_constrainedWidth="true"
app:layout_constraintEnd_toStartOf="@+id/copyImageView"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/titleTextView" />
<ImageView
android:id="@+id/copyImageView"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/ic_content_copy_black_24dp"
android:tint="?android:textColorSecondary"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintVertical_bias="0.050000012" />
</androidx.constraintlayout.widget.ConstraintLayout>
通过添加可绘制的右/右/右,可以将图标添加到文本视图的末尾。使用以下代码将drawable添加到TextView。还可以设置可绘制的填充,以在可绘制和文本之间留出空间
android:drawableRight=“@drawable/search\u icon”
您必须将宽度设置为0dp,这意味着匹配约束
并将其终点约束为ImageView的起点
<androidx.constraintlayout.widget.ConstraintLayout
android:layout_width="match_parent"
android:layout_height="match_parent">
<TextView
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
android:id="@+id/titleTextView"
android:text="title"
android:layout_width="wrap_content"
android:layout_height="wrap_content"/>
<TextView
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/titleTextView"
android:id="@+id/descriptionTextView"
android:text="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."
app:layout_constraintEnd_toStartOf="@id/copyImageView"
android:layout_width="0dp"
android:layout_height="0dp"/>
<ImageView
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
android:id="@+id/copyImageView"
android:tint="?android:textColorSecondary"
android:src="@drawable/ic_content_copy_black_24dp"
android:layout_width="wrap_content"
android:layout_height="wrap_content"/>
</androidx.constraintlayout.widget.ConstraintLayout>
这似乎是一个很好的解决方案,但我会坚持约束。完美答案。这也是一个很好的解决方案,但svkaka先生的解决方案很简单。谢谢您的回答。app:layout\u constrainedWidth=“true”是我搜索的内容。谢谢