自定义 .NET MAUI XAML 页面中的布局

.NET MAUI 布局面板可帮助您在各种设备上为应用程序创建一致的用户界面。

假设您正在构建一个提示计算器应用程序，您计划在许多计算机和设备上部署该应用程序。每个设备可以具有不同的屏幕尺寸和像素密度。您的目标是使应用程序在所有设备上看起来尽可能相似。您希望避免手动计算每个屏幕尺寸的视图大小和位置。.NET MAUI 包括一个布局管理系统，可为您执行这些计算。您可以将视图放在布局面板中，这些布局面板会自动管理其子视图的大小和位置。这些面板使在不同设备上创建一致的用户界面变得更加容易。

在本模块中，您将构建一个在不同设备上看起来相似的 .NET MAUI 应用程序。首先，您将设置视图的首选大小和位置。然后，您将使用 StackLayout 垂直排列视图。接下来，使用 将视图放入行和列中。在模块结束时，您将拥有一个 .NET MAUI 应用程序，该应用程序在每种设备类型和屏幕尺寸上看起来都一致。