Android应用开发：实现4x4网格随机方块着色功能咨询

当然可以实现这个功能！这是个挺直观的需求，下面我给你拆解具体的实现步骤和代码示例：

1. 搭建4x4网格布局 #

最简便的方式是用GridLayout来构建网格，它天生适合这种行列规整的布局。你可以在XML布局文件里这样写：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:padding="16dp">

    <Button
        android:id="@+id/color_btn"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="随机着色方块"
        android:layout_gravity="center_horizontal"
        android:layout_marginBottom="16dp"/>

    <GridLayout
        android:id="@+id/grid_layout"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:columnCount="4"
        android:rowCount="4"
        android:useDefaultMargins="true">

        <!-- 这里可以手动添加16个方块View，或者用代码动态添加更高效 -->
        <TextView
            android:layout_width="0dp"
            android:layout_height="0dp"
            android:layout_columnWeight="1"
            android:layout_rowWeight="1"
            android:background="#f0f0f0"
            android:gravity="center"/>
        <!-- 重复上述TextView，共16个即可 -->
    </GridLayout>
</LinearLayout>

如果不想手动写16个View，也可以在代码里动态往GridLayout中添加子View，这样后续调整网格大小也更灵活。

2. 实现随机着色逻辑 #

在Activity或Fragment里，我们需要先获取网格中的所有子View，然后给按钮绑定点击事件，每次点击时随机选中一个方块并着色：

class MainActivity : AppCompatActivity() {
    private lateinit var gridLayout: GridLayout
    private lateinit var colorBtn: Button
    private val gridViews = mutableListOf<View>()
    private val random = Random()

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)

        gridLayout = findViewById(R.id.grid_layout)
        colorBtn = findViewById(R.id.color_btn)

        // 初始化网格中的所有子View
        for (i in 0 until gridLayout.childCount) {
            gridViews.add(gridLayout.getChildAt(i))
        }

        // 按钮点击触发随机着色
        colorBtn.setOnClickListener {
            // 随机生成一个方块的索引
            val randomIndex = random.nextInt(gridViews.size)
            val targetView = gridViews[randomIndex]
            // 生成随机RGB颜色，也可以用预设的颜色数组
            val randomColor = Color.rgb(
                random.nextInt(256),
                random.nextInt(256),
                random.nextInt(256)
            )
            targetView.setBackgroundColor(randomColor)
        }
    }
}

可选优化点 #

• 如果想避免重复给同一个方块着色，可以维护一个已着色的索引列表，随机时排除这些索引；
• 可以预设一组协调的颜色数组，代替完全随机的RGB值，让界面风格更统一；
• 如果需要点击方块本身也能触发交互，可以给每个网格View单独添加点击事件；
• 要是网格需要更复杂的绘制逻辑（比如带边框、着色动画），可以自定义一个GridItemView来替代TextView。

这个方案足够满足你的基础需求，要是有更具体的交互或样式要求，随时调整就行～

内容的提问来源于stack exchange，提问作者Dobbermann2