<div id="module-unit-notification-container" hidden=""></div> <p>将视图堆叠在垂直或水平列表中是一种常见的用户界面设计方式。 想想应用程序中的一些常见页面。 示例包括登录、注册和设置页面。 这些页面通常都包含堆叠的内容。 在本单元中，将学习如何使用 以及优化的 StackLayout 控件 和 在垂直或水平列表中排列视图。</p> 讯享网
是从左到右或从上到下组织其子视图的布局容器。 具体方向取决于其 属性，默认值为从上到下。 下图显示了垂直 的概念视图。
- 具有从其基类 继承的 的列表。 该列表存储视图，这一点很好，因为在 .NET MAUI 中使用的大多数 UI 元素都派生自 。 版式面板也派生自 ，这表示可以嵌套面板（如有需要）。
- 和 是确定方向不会改变时使用的首选布局，因为它们已针对性能进行了优化。
在 .NET MAUI 中，可以在 C# 代码或 XAML 中将视图添加到 。 下面是使用代码添加的三个视图的示例：
讯享网
可以将视图添加到 集合中，然后 会自动将视图放置在垂直列表中。 这是它在 Android 设备上的显示效果：
要在 XAML 中执行相同的操作，请将子级嵌套在 标记内。 XAML 分析器自动将嵌套的视图添加到 集合，因为 是所有版式面板的 。 下面是使用 XAML 添加到 的三个相同视图的示例：
讯享网
视图在 集合中的排序决定它们在呈现时的布局顺序。 对于使用 XAML 添加的视图，则使用文本顺序。 对于通过代码添加的子级，调用 方法的顺序决定了布局顺序。
通常会希望 的子级之间留出一些空间。 使用 可通过 属性来控制每个子级之间的空间。 默认值为零个单位，但是可以将其设置为所需的任何值。 下面是将 属性设置为使用 XAML 时的 的示例：
以下屏幕截图显示了 UI 在 Android 上的呈现形式：
通过 可以将子级排成列或行。 通过设置行为的 属性来控制此行为。 目前为止，我们仅展示了垂直 。
是默认值。 你可以自己决定是否将 显式设置为 。 一些程序员更喜欢显式设置，以使代码更加自文档化。
下面是使用 XAML 将 设置为 的示例：
讯享网
每个视图都有一个 和 属性。 可以使用这些属性在布局面板提供的矩形显示区域内设置视图的位置。
如前面所述，对于 ， 属性的行为取决于 的 属性。 使用 属性时的方向与其 相反。 默认情况下，不会在堆积布局 的同一方向上向堆积布局中的元素分配多余空间。 在此默认情况下，向上述方向分配一个位置不会改变元素的呈现效果。 但如果分配位置的同时进行扩张，就会改变呈现效果。
回想一下之前的单元， 结构包含名为 的 属性，此属性在 .NET MAUI 中已过时。 设置 和 时，你可能会注意到 有 、、 和 。 如果将 设置为这些 选项之一，则会忽略该选项并使用 的第一部分，例如 、、 或 。 如果要从 Xamarin.Forms 迁移，则应从这些属性中移除所有 。 稍后在模块中，我们将在了解 时了解如何实现类似的功能。
前面提到过， 和 是优化的 控件，具有预定义方向。 建议尽可能使用这些控件，以获得**布局性能。 这些布局具有常规 所具有的 和 功能。
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请联系我们，一经查实，本站将立刻删除。
如需转载请保留出处：https://51itzy.com/kjqy/141795.html