我正在尝试设置我认为应该是一个简单的布局,其中ConstraintLayout
包含一系列文本条目,标签的大小可以因语言而异。标签的右侧有一个障碍,因此即使标签长度发生变化,文本条目也会保持对齐。
我希望文本条目是标称大小(在本示例中,顶部为 200dp,其他为 150dp),但如果标签长且屏幕小,则能够根据需要缩小以适应屏幕。在横向模式下,或在更大的屏幕上,条目应该是它们的最大尺寸,并且靠着屏障向左对齐。
经过大量的试验和错误,我得到了下面的布局,通过将两个链设置为“spread_inside”并将最后一个链设置为“packed”。将它们全部设置为 spread_inside 会打乱布局(entry_2 缩小到其最小尺寸)。
这闻起来像是在未来的ConstraintLayout
更新中将停止以这种方式工作的东西(这是使用 com.android.support.constraint:constraint-layout:1.1.0-beta5)。使用 beta4 时,此布局的行为有所不同(同样错误,但不同的是,beta4 将它们全部对齐在屏幕的右侧)。
我在这里错过了什么吗?还有其他人有类似的连锁模式吗?有没有更好的方法来做到这一点?
<?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"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:padding="16dp"
tools:context="com.mypackage.testapp.MainActivity">
<TextView
android:text="Label 1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintTop_toTopOf="@+id/entry_1"
app:layout_constraintBottom_toBottomOf="@+id/entry_1"
android:id="@+id/label_1" />
<EditText
android:id="@+id/entry_1"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_margin="5dp"
android:inputType="text"
app:layout_constraintHorizontal_bias="0.0"
app:layout_constraintHorizontal_chainStyle="spread_inside"
app:layout_constraintHorizontal_weight="100.0"
app:layout_constraintLeft_toRightOf="@+id/guideline"
app:layout_constraintRight_toLeftOf="@+id/space_1"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintWidth_max="200sp"
app:layout_constraintWidth_min="100sp" />
<Space
android:id="@+id/space_1"
android:layout_width="0dp"
android:layout_height="wrap_content"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintLeft_toRightOf="@+id/entry_1"
app:layout_constraintHorizontal_weight="0.01"
app:layout_constraintTop_toTopOf="@+id/entry_1"
app:layout_constraintBottom_toBottomOf="@+id/entry_1"/>
<TextView
android:text="Label 2 Is very very long"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintTop_toTopOf="@+id/entry_2"
app:layout_constraintBottom_toBottomOf="@+id/entry_2"
android:id="@+id/label_2" />
<EditText
android:id="@+id/entry_2"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_margin="5dp"
android:inputType="text"
app:layout_constraintHorizontal_bias="0.0"
app:layout_constraintHorizontal_chainStyle="spread_inside"
app:layout_constraintHorizontal_weight="100.0"
app:layout_constraintLeft_toRightOf="@+id/guideline"
app:layout_constraintRight_toLeftOf="@+id/space_2"
app:layout_constraintTop_toBottomOf="@+id/entry_1"
app:layout_constraintWidth_max="150sp"
app:layout_constraintWidth_min="100sp" />
<Space
android:id="@+id/space_2"
android:layout_width="0dp"
android:layout_height="wrap_content"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintLeft_toRightOf="@+id/entry_2"
app:layout_constraintHorizontal_weight="0.01"
app:layout_constraintTop_toTopOf="@+id/entry_2"
app:layout_constraintBottom_toBottomOf="@+id/entry_2"/>
<TextView
android:text="Label Three"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintTop_toTopOf="@+id/entry_3"
app:layout_constraintBottom_toBottomOf="@+id/entry_3"
android:id="@+id/label_3" />
<EditText
android:id="@+id/entry_3"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_margin="5dp"
android:inputType="text"
app:layout_constraintHorizontal_bias="0.0"
app:layout_constraintHorizontal_chainStyle="packed"
app:layout_constraintHorizontal_weight="100.0"
app:layout_constraintLeft_toRightOf="@+id/guideline"
app:layout_constraintRight_toLeftOf="@+id/space_3"
app:layout_constraintTop_toBottomOf="@+id/entry_2"
app:layout_constraintWidth_max="150sp"
app:layout_constraintWidth_min="100sp" />
<Space
android:id="@+id/space_3"
android:layout_width="0dp"
android:layout_height="wrap_content"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintLeft_toRightOf="@+id/entry_3"
app:layout_constraintHorizontal_weight="0.01"
app:layout_constraintTop_toTopOf="@+id/entry_3"
app:layout_constraintBottom_toBottomOf="@+id/entry_3"/>
<android.support.constraint.Barrier
android:id="@+id/guideline"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="vertical"
app:barrierDirection="right"
app:constraint_referenced_ids="label_1,label_2,label_3" />
</android.support.constraint.ConstraintLayout>
编辑:
我向 Google 的 ConstraintLayout 团队报告了这个问题,他们确认这是一个错误。一旦修复,我应该能够在没有复杂链条的情况下做到这一点。