android - 使用 android constraint layout 2.0.0 Flow 将项目放在一行

Question

我尝试使用新的 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" 但它没有帮助我

任何人都可以帮助我或分享一些关于流布局的资源吗？

Answer 1

在你的例子中，你想在我在你的图片中看到的 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" />