android - 在 Android 中使用 Constraint-Layout helper Flow 进行布局定位

Question

我正在使用 Constraint-Layout 助手 Flow 来构建类似于计算器的用户界面。

我在定位我的 Flow 对象引用的引用 View 时遇到问题。

请看附图my flow layout pic

如您所见，我想将单个底部按钮移动到布局顶部。我应该如何使用 Flow 助手将它移动到布局的左侧或右侧。

这是创建我需要修改的布局的 Flow 辅助对象的代码。

<androidx.constraintlayout.helper.widget.Flow
    android:id="@+id/flow"
    android:layout_width="0dp"
    android:layout_height="0dp"

    app:layout_constraintHeight_percent = "0.8"
    app:constraint_referenced_ids ="a,b,c,d,e"
    android:background="@drawable/my_own_drawable"
    android:padding="20dp"
    app:flow_verticalGap = "10dp"
    app:flow_horizontalGap = "10dp"
    app:flow_maxElementsWrap = "2"
    app:flow_wrapMode = "aligned"
    app:flow_verticalAlign="top" // I Thought this line would do the job, but it did not
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintTop_toBottomOf="@+id/mytextview"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintEnd_toEndOf="parent"
    >
</androidx.constraintlayout.helper.widget.Flow>

Answer 1

将创建以下按钮:

 <Button
    android:id="@+id/e"
    android:layout_width = "0dp"
    android:layout_height = "0dp"
    app:layout_constraintHorizontal_weight="1"
    android:padding="20dp"
    app:layout_constraintHeight_percent = "0.1"
    android:text="17"
    tools:ignore="MissingConstraints"
    />

<Button
    android:id="@+id/no1"
    android:layout_width="0dp"
    android:layout_height = "0dp"
    app:layout_constraintHeight_percent = "0.1"
    app:layout_constraintHorizontal_weight="1"
    android:background="@android:color/transparent"
    android:enabled="false"
    tools:ignore="MissingConstraints"
    />

请注意，它们都具有相同的水平权重 = 1。另外，id = no1 的按钮仍然可见，但具有透明背景并且启用为 false。所以，它不会被用户点击。

我们可以使用以下行将可见按钮(id = e)移动到布局的左侧或右侧在 Flow 辅助对象中:

app:constraint_referenced_ids ="e,no1,a,b,c,d"  //will move button( id = e) to left side

app:constraint_referenced_ids ="no1,e,a,b,c,d"  //will move button( id = e) to right