Kotlin Android动态填充布局无显示问题及任意行列GridLayout需求

你的代码存在几个关键问题导致按钮无法显示，以下是针对性的修复方案：

核心问题分析 #

1. Fragment未返回视图：onCreateView方法必须返回创建好的视图实例，你的代码末尾缺少return binding.root，导致整个Fragment的视图根本没有被加载到界面上。
2. GridLayout布局约束不完整：仅设置了顶部约束但未设置底部约束，且高度为wrap_content，导致GridLayout实际高度为0，无法容纳子视图。
3. 子视图行列位置未明确：使用GridLayout.UNDEFINED会让系统自动分配位置，但配合错误的布局约束容易出现视图不可见的情况。

修复后的完整代码 #

Kotlin代码 #

class GameFragment : Fragment() {

    private lateinit var binding: FragmentGameBinding

    override fun onCreateView(
        inflater: LayoutInflater, container: ViewGroup?,
        savedInstanceState: Bundle?
    ): View {
        binding = DataBindingUtil.inflate(
            inflater,
            R.layout.fragment_game,
            container,
            false
        )

        // 可自定义行列数
        val columnCount = 4
        val rowCount = 4
        binding.field.columnCount = columnCount
        binding.field.rowCount = rowCount

        for (i in 0 until rowCount * columnCount) {
            // 使用requireContext()避免activity为空的情况
            val button = Button(requireContext()).apply {
                text = "Button: ${i + 1}"
                setPadding(16, 16, 16, 16)
            }

            // 明确指定按钮所在的行和列，同时设置填充规则
            val gridParams = GridLayout.LayoutParams(
                GridLayout.spec(i / columnCount, GridLayout.FILL, 1f),
                GridLayout.spec(i % columnCount, GridLayout.FILL, 1f)
            ).apply {
                width = 0
                height = 0
            }
            button.layoutParams = gridParams

            binding.field.addView(button)
        }

        // 必须返回创建好的视图
        return binding.root
    }
}

XML布局代码 #

<GridLayout
    android:id="@+id/field"
    android:layout_width="match_parent"
    android:layout_height="0dp"
    android:useDefaultMargins="true"
    app:layout_constraintTop_toTopOf="parent"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintEnd_toEndOf="parent">
</GridLayout>

关键修改说明 #

• 返回视图实例：添加return binding.root确保Fragment的布局被正确加载。
• 完善GridLayout约束：将高度设为0dp并添加底部约束，让GridLayout占满父布局的可用空间。
• 明确子视图位置：通过i / columnCount和i % columnCount计算每个按钮的行号和列号，配合GridLayout.FILL规格让按钮自动填充单元格。
• 优化子视图参数：将按钮的宽高设为0，让GridLayout的规格参数控制其大小，保证网格的均匀分布。

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