Android官方流式布局使用指引

在 Android 官方支持库中并没有直接提供标准的流式布局组件，但从 AndroidX 库开始，提供了 FlexboxLayout 可以实现类似流式布局的效果，并且功能更强大、更灵活。以下为你详细介绍其使用方法：

1. 添加依赖
   在项目的 build.gradle 文件中添加 FlexboxLayout 的依赖：

implementation 'androidx.flexbox:flexbox:1.1.0'

2. 在布局文件中使用 FlexboxLayout
   以下是一个简单的示例，展示如何在 XML 布局文件中使用 FlexboxLayout 并添加子视图：

<androidx.flexbox.FlexboxLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    app:flexDirection="row"
    app:flexWrap="wrap"
    app:justifyContent="flex_start"
    app:alignItems="flex_start">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Item 1"
        android:padding="10dp"
        android:background="@android:color/darker_gray"
        app:layout_flexBasisPercent="0.2" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Item 2"
        android:padding="10dp"
        android:background="@android:color/darker_gray"
        app:layout_flexBasisPercent="0.2" />

    <!-- 可以继续添加更多子视图 -->
</androidx.flexbox.FlexboxLayout>

在上述代码中：
app:flexDirection：指定子视图的排列方向，row 表示水平排列（默认值），column 表示垂直排列。
app:flexWrap：控制子视图在空间不足时是否换行，wrap 表示换行。
app:justifyContent：定义子视图在主轴上的对齐方式，flex_start 表示从起始位置开始排列。
app:alignItems：定义子视图在交叉轴上的对齐方式。
app:layout_flexBasisPercent：指定子视图的初始大小占父容器宽度的百分比。

3. 在代码中动态添加子视图
   除了在 XML 布局文件中静态添加子视图，你还可以在 Java 或 Kotlin 代码中动态地向 FlexboxLayout 中添加子视图：

import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
import android.widget.TextView
import androidx.flexbox.FlexboxLayout
import androidx.flexbox.FlexboxLayoutManager

class MainActivity : AppCompatActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView.inflate(R.layout.activity_main, null)

        val flexboxLayout = findViewById<FlexboxLayout>(R.id.flexboxLayout)

        for (i in 1..10) {
            val textView = TextView(this)
            textView.text = "Item $i"
            textView.setPadding(10, 10, 10, 10)
            textView.setBackgroundColor(resources.getColor(android.R.color.darker_gray))

            val layoutParams = FlexboxLayout.LayoutParams(
                FlexboxLayout.LayoutParams.WRAP_CONTENT,
                FlexboxLayout.LayoutParams.WRAP_CONTENT
            )
            layoutParams.setMargins(10, 10, 10, 10)
            textView.layoutParams = layoutParams

            flexboxLayout.addView(textView)
        }
    }
}

上述 Kotlin 代码实现了在 FlexboxLayout 中动态添加 10 个 TextView 子视图的功能。你可以根据实际需求调整子视图的样式和布局参数。
通过 FlexboxLayout，你可以轻松实现类似流式布局的效果，并且可以根据具体需求灵活调整子视图的排列方式和布局属性。