如何通过代码实现Android GridLayout网格内按钮的均匀间距？

问题原因 #

你当前的布局参数用了WRAP_CONTENT作为按钮宽高，GridLayout的对齐模式用了CENTER，导致按钮仅包裹内容，没有利用分配的权重空间，也没有统一的间距控制，所以布局不均匀。

具体修改方案 #

1. 先添加dp转像素的工具方法，避免不同设备密度下间距不一致

private fun dp2px(dp: Int): Int {
    return TypedValue.applyDimension(
        TypedValue.COMPLEX_UNIT_DIP, 
        dp.toFloat(), 
        resources.displayMetrics
    ).toInt()
}

2. 修改GridLayout.LayoutParams配置

把宽高设为0配合权重撑满每个单元格，同时设置统一边距：

val gridLayoutParams = GridLayout.LayoutParams().apply {
    // 对齐改成FILL才能让权重生效撑满单元格
    rowSpec = spec(GridLayout.UNDEFINED, GridLayout.FILL, 1f)
    columnSpec = spec(GridLayout.UNDEFINED, GridLayout.FILL, 1f)
    width = 0
    height = 0
    // 边距可自行调整数值，这里设为8dp
    val margin = dp2px(8)
    setMargins(margin, margin, margin, margin)
}

3. 可选优化（提升显示效果）

如果不需要按钮占满整个单元格，可以在createButton方法里给按钮设置padding、或者调整layout_gravity为CENTER，同时把按钮的背景改成带圆角的样式效果更好：

@RequiresApi(Build.VERSION_CODES.M)
private fun createButton(buttonText: String): Button {
    var isCompleted = false
    return Button(baseContext).apply {
        setBackgroundColor(getColor(R.color.red))
        gravity = Gravity.CENTER
        text = buttonText
        // 加内边距避免文字太贴边
        val padding = dp2px(4)
        setPadding(padding, padding, padding, padding)
        setOnClickListener {
            isCompleted = if (!isCompleted) {
                setBackgroundColor(getColor(R.color.green))
                true
            } else {
                setBackgroundColor(getColor(R.color.red))
                false
            }
        }
    }
}

改完之后25个按钮会均分整个GridLayout的空间，每个按钮的间距完全一致。如果后续需要适配更多网格数量、或者加滚动效果，更推荐用RecyclerView搭配GridLayoutManager实现，扩展性更强。

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