9、.NET MAUI 布局与导航全解析

.NET MAUI 布局与导航全解析

1. 布局基础

在构建 .NET MAUI 应用时，布局是至关重要的一环。合理的布局能够让应用界面更加美观、易用。下面将详细介绍几种常见的布局方式。

1.1 Grid 布局

Grid 布局是一种非常强大且灵活的布局方式，它可以将界面划分为行和列，方便我们精确地定位和排列控件。

• 列宽和行高的定义方式 ：
  • 绝对（absolute） ：使用设备无关单位（DIUs）来指定具体的宽度或高度。
  • 自动（auto） ：根据单元格内容自动调整大小。
  • 比例（Stars） ：按比例分配空间，例如 * 表示平均分配， 2* 表示占用两倍的空间。

以下是一些示例代码，展示了不同的定义方式：

<Grid
    ColumnDefinitions="*,*,*"
    RowDefinitions="*,*,*,*,*">
    <!-- 控件内容 -->
</Grid>

<Grid
    ColumnDefinitions="*,*,*"
    RowDefinitions="auto,auto,auto,auto,auto">
    <