使用Android约束布局2.0.0流将项目放置一行

时间:2019-06-06 11:25:58

标签: android android-constraintlayout

我尝试使用新的android Flow布局。 https://developer.android.com/reference/android/support/constraint/helper/Flow。我有这个屏幕,流程布局和扩展器中的项目(现在已打开)。关闭扩展器后,我只想放置第一行(4个项目)。

我的xml流布局

   <androidx.constraintlayout.helper.widget.Flow
                    android:id="@+id/fr_mail_viewer_attachments_flow"
                    android:layout_width="0dp"
                    android:layout_height="0dp"
                    android:layout_marginTop="8dp"
                    app:flow_horizontalBias="0"
                    app:flow_horizontalGap="8dp"
                    app:flow_horizontalStyle="packed"
                    app:flow_verticalBias="0"
                    app:flow_verticalGap="8dp"
                    android:layout_marginEnd="8dp"
                    app:flow_wrapMode="chain"
                    app:layout_constraintBottom_toBottomOf="parent"
                    app:layout_constraintEnd_toStartOf="@id/fr_mail_viewer_attachments_expander"
                    app:layout_constraintStart_toStartOf="parent"
                    app:layout_constraintTop_toTopOf="parent" />

我尝试使用app:flow_maxElementsWrap="1",但对我没有帮助

enter image description here

有人可以帮助我或分享有关流程布局的资源吗?

1 个答案:

答案 0 :(得分:0)

在您的情况下,您希望将4个元素包装起来,如我在图片中所见。您应该将app:flow_maxElementsWrap =“ 4”添加到Flow小部件。另外,请记住,您可以为流窗口小部件设置方向,以控制链中项目的布局方式:

                <androidx.constraintlayout.helper.widget.Flow
                    android:id="@+id/fr_mail_viewer_attachments_flow"
                    android:layout_width="0dp"
                    android:layout_height="0dp"
                    android:layout_marginTop="8dp"
                    android:orientation="vertical"
                    app:flow_horizontalBias="0"
                    app:flow_horizontalGap="8dp"
                    app:flow_horizontalStyle="packed"
                    app:flow_verticalBias="0"
                    app:flow_verticalGap="8dp"
                    android:layout_marginEnd="8dp"
                    app:flow_wrapMode="chain"
                    app:flow_maxElementsWrap="4"
                    app:layout_constraintBottom_toBottomOf="parent"
                    app:layout_constraintEnd_toStartOf="@id/fr_mail_viewer_attachments_expander"
                    app:layout_constraintStart_toStartOf="parent"
                    app:layout_constraintTop_toTopOf="parent" />