用例:两个单行TextView
并排水平放置,其中一个设置为填充剩余的可用宽度,另一个包裹其内容。在特定用例中,左侧TextView
扩展以填充可用空间。它们被置于约束或线性布局中,其中每个都可以动态修改其内容,因此需要更多空间。它们都在末尾支持省略号,以便它们正确地表示它们是否被缩小。
目标是TextView
根据剩余可用空间自动计算的宽度不会被移出布局,被裁剪或重叠TextView
。现在,无论是使用ConstraintLayout
还是包装其内容的 具有相当大的宽度,LinearLayout
都会发生这种情况。TextView
代码:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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"
android:orientation="vertical">
<androidx.constraintlayout.widget.ConstraintLayout
android:layout_width="match_parent"
android:layout_height="wrap_content">
<TextView
android:id="@+id/textView"
android:layout_width="0dp"
android:layout_height="wrap_content"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintEnd_toStartOf="@id/textView2"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintBottom_toBottomOf="parent"
android:singleLine="true"
android:ellipsize="end"
android:background="@android:color/holo_orange_dark"
android:textSize="32dp"
android:text="Left"
/>
<TextView
android:id="@+id/textView2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintStart_toEndOf="@id/textView"
app:layout_constraintEnd_toEndOf="parent"
android:singleLine="true"
android:ellipsize="end"
android:background="@android:color/holo_blue_bright"
android:textSize="32dp"
android:text="1234567890 (1) 123456789 (2)"
/>
</androidx.constraintlayout.widget.ConstraintLayout>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content">
<TextView
android:id="@+id/textView3"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:singleLine="true"
android:ellipsize="end"
android:background="@android:color/holo_orange_dark"
android:textSize="32dp"
android:text="Left"
/>
<TextView
android:id="@+id/textView4"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:singleLine="true"
android:ellipsize="end"
android:background="@android:color/holo_blue_bright"
android:textSize="32dp"
android:text="1234567890 (1) 123456789 (2)"
/>
</LinearLayout>
</LinearLayout>
上面的代码表示以下布局:
-^^^^^^^^^^^^^^^-------------------------------------
| Left TextView | Right TextView |
-^^^^^^^^^^^^^^^-------------------------------------
| Left TextView | Right TextView |
-^^^^^^^^^^^^^^^-------------------------------------
一个垂直LinearLayout
包装 aConstraintLayout
和一个水平LinearLayout
的每一行具有相同的内容 - 前面提到的两个并排TextView
s。左边TextView
的 s 被设置为占用剩余的可用宽度,而右边的则包裹它们的内容,后者在上面的示例中被有意设置为大于父级的宽度。结果如下:
似乎允许 aView
扩展并占据剩余空间是一把双刃刀:此设置还允许View
将 a 压缩到其内容大小以下。TextView
这里要搜索的左侧逻辑解决方法设置与最小宽度有关。使用类似设置允许修复此问题的唯一布局是ConstraintLayout
. 添加以下行:
app:layout_constraintWidth_min="wrap"
到左侧的属性TextView
,ConstraintLayout
结果如下 UI:
这里奇怪的行为是,好像可扩展的宽度的一半TextView
被设置为ConstraintLayout
. TextView
无论左侧内容的宽度如何,设置为负水平边距的左侧宽度百分比始终相同TextView
:
有时会发生这种作物比例与 50% 不同的情况。
任何想法如何水平容纳两个单行TextView
,以便右侧对齐,允许左侧占据剩余空间并且不可能将其缩小到其内容大小或其他合理大小以下?