ConstraintLayout中的TextView换行/关闭屏幕
ConstraintLayout中的TextView换行/关闭屏幕
提问于 2020-02-11 05:06:14
我正在尝试在一个ConstraintLayout中并排设置两个TextViews。TextView2 (市场)应该始终在TextView1的右侧。它永远不应该从屏幕上消失。这是我对不同长度的TextView1的要求：
这是我的XML：
<androidx.constraintlayout.widget.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="wrap_content"
android:orientation="horizontal">
<TextView
android:id="@+id/chat_message"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Lorem ipsum"
app:layout_constrainedWidth="true"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintHorizontal_bias="1.0"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintWidth_default="wrap" />
<TextView
android:id="@+id/tvRate"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="@dimen/half_margin"
android:background="@drawable/tag_marketplace_backround"
android:paddingStart="@dimen/half_margin"
android:paddingEnd="@dimen/half_margin"
android:text="@string/market"
android:textAllCaps="true"
android:textColor="@android:color/white"
android:textSize="12sp"
app:layout_constraintStart_toEndOf="@id/chat_message"
app:layout_constraintTop_toTopOf="parent" />
</androidx.constraintlayout.widget.ConstraintLayout>当TextView1较小时(第一张图像)，这是有效的。但是当我增加TextView2的长度时，TextView2就会从屏幕上消失。请帮我实现这个。
回答 3
Stack Overflow用户
回答已采纳
发布于 2020-02-11 11:25:54
试试这个布局。它使用链和水平偏差：
<androidx.constraintlayout.widget.ConstraintLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal">
<TextView
android:id="@+id/chat_message"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum "
app:layout_constrainedWidth="true"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toStartOf="@+id/tvRate"
app:layout_constraintHorizontal_bias="0.0"
app:layout_constraintHorizontal_chainStyle="packed"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<TextView
android:id="@+id/tvRate"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="@dimen/half_margin"
android:background="@drawable/ic_launcher_background"
android:paddingStart="@dimen/half_margin"
android:paddingEnd="@dimen/half_margin"
android:text="@string/market"
android:textAllCaps="true"
android:textColor="@android:color/white"
android:textSize="12sp"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintHorizontal_bias="0.5"
app:layout_constraintStart_toEndOf="@+id/chat_message"
app:layout_constraintTop_toTopOf="parent" />
</androidx.constraintlayout.widget.ConstraintLayout>Stack Overflow用户
发布于 2020-02-11 05:25:09
尝尝这个
<androidx.constraintlayout.widget.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:layout_width="match_parent"
android:layout_height="wrap_content">
<androidx.constraintlayout.widget.ConstraintLayout
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
android:layout_width="wrap_content"
android:layout_height="wrap_content">
<TextView
android:id="@+id/chat_message"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toStartOf="@id/tvRate"
app:layout_constraintHorizontal_weight="1"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
tools:text="Lorem dsjdlk lkjdksl jdlk jdlk djslkdjslkdsjdlskdjsdlsjsdl kjdl ksjd lksjlkd jl kjdl ksj slk jdslkd sjdlskjdslkj dlkj dlkjd lkd jsldksjdlksdjskdlsdjlksdjsl kj ldkjd lskdjs ldkjsldskjlk" />
<TextView
android:id="@+id/tvRate"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@color/black"
android:layout_marginLeft="10dp"
android:layout_marginRight="10dp"
android:textAllCaps="true"
android:textColor="@android:color/white"
android:textSize="12sp"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintTop_toTopOf="parent"
tools:text="Market" />
</androidx.constraintlayout.widget.ConstraintLayout>
</androidx.constraintlayout.widget.ConstraintLayout>0dp基本上是在屏幕的左侧到右侧的文本之间，即tvRate (占用尽可能多的空间)换行内容基本上是换行元素所具有的内容所需的空间
Stack Overflow用户
发布于 2020-02-11 12:45:31
我相信你可以使用horizontal chain来实现这一点，你可以使两个View的布局彼此依赖于父布局。然后ConstraintLayout可以以有趣的方式定义它们解析的约束。你可以在链中的第一个View上定义链的样式。我还注意到orientation已经设置，但这对ConstraintLayout没有任何作用，layout_constraintWidth_default只有在android:width设置为0dp时才适用。
<androidx.constraintlayout.widget.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="wrap_content">
<TextView
android:id="@+id/chat_message"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Lorem ipsum"
app:layout_constrainedWidth="true"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintEnd_toStartOf="@id/tvRate"
app:layout_constraintHorizontal_chainStyle="spread_inside" />
<TextView
android:id="@+id/tvRate"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="@dimen/half_margin"
android:background="@drawable/tag_marketplace_backround"
android:paddingStart="@dimen/half_margin"
android:paddingEnd="@dimen/half_margin"
android:text="@string/market"
android:textAllCaps="true"
android:textColor="@android:color/white"
android:textSize="12sp"
app:layout_constraintStart_toEndOf="@id/chat_message"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintEnd_toEndOf="parent" />
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/60158418
复制相关文章
相似问题
腾讯云开发者
