C# MAUI中的Grid布局怎么设置行和列 MAUI Grid教程

MAUI中Grid通过RowDefinitions和ColumnDefinitions定义行列尺寸策略：Auto自适应内容、固定值以dp为单位、星号*按比例分配；子控件用Grid.Row/Grid.Column定位，支持跨行跨列；代码中需手动调用Grid.SetRow等方法设置位置；未定义行列则默认1行1列，调试可启用ShowGridLines。

MAUI 中的 Grid 是最常用、最灵活的布局容器之一，设置行（RowDefinitions）和列（ColumnDefinitions）是它的核心用法。关键在于理解“定义”不是直接写宽高，而是用 GridLength 描述每行/列的**尺寸策略**。

怎么定义行和列

在 XAML 中，通过 Grid.RowDefinitions 和 Grid.ColumnDefinitions 集合来声明。每个 RowDefinition 或 ColumnDefinition 指定一行或一列的行为：

• Auto：该行/列高度/宽度刚好容纳其子元素（内容自适应）
• 固定值（如 100）：单位为设备独立像素（dp），固定大小
• 星号（*）：按比例分配剩余空间，* = 等分，2* = 占两份

示例：

<Grid>
    <Grid.RowDefinitions>
        <RowDefinition Height="Auto" />
        <RowDefinition Height="100" />
        <RowDefinition Height="2*" />
        <RowDefinition Height="*" />
    </Grid.RowDefinitions>
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="150" />
        <ColumnDefinition Width="*" />
        <ColumnDefinition Width="Auto" />
    </Grid.ColumnDefinitions>
</Grid>

登录后复制

怎么把子控件放进指定行列

使用附加属性 Grid.Row、Grid.Column（从 0 开始计数）定位控件位置：

• Grid.Row="1" 表示放在第 2 行（索引为 1）
• Grid.Column="0" 表示放在第 1 列（索引为 0）
• 可跨行/列：Grid.RowSpan="2" 或 Grid.ColumnSpan="3"

例如让一个按钮占满第 0 行全部三列：

标签： c# grid布局