介绍
.NET MAUI 允许使用 C# 代码动态创建应用的用户界面。 但是,有时静态定义 UI 更合适且更高效。 可扩展应用程序标记语言 (XAML) 提供了一种在编译时布局 UI 的方法。 UI 的 XAML 描述还提供了一定程度的文档,使你能够快速掌握向用户显示 UI 的方式,而无需深入了解应用程序代码。
假设你是一家电力公司的移动开发人员。 你负责改进公司的移动应用,工程师在造访客户所在地时会使用该应用。 当前,应用的 UI 是使用 C# 代码生成的。 现在,你发现管理 UI 更新变得越来越难。 这种困难是由于应用越发复杂而导致的。 核心行为逻辑变得越来越难理解,因为它与 UI 代码混合在一起。
你想要寻找一种解决方案,可提供界定分明彼此分离的 UI 和行为。 UI 和行为的分离使设计专家可专注于其擅长的方面,而你也有时间专注于应用行为的编码。 通过 .NET MAUI,可使用 XAML 定义 UI。 XAML 提供了明确分离的用户界面 (UI) 和行为。 XAML 还使用户能够轻松获取设计专家的帮助和利用设计工具。 在本模块中,你将学习如何创建可使用 XAML(而不是 C# 代码)定义其页面和控件的 .NET MAUI 应用。 通过基于 XAML 创建 UI,可以将所有 UI 代码与行为代码分离,从而使这两类代码的管理更轻松。
学习目标
本模块介绍了以下内容:
- 使用 XAML 相较于采用 C# 定义 .NET MAUI 应用 UI 的优势。
- 如何使用 XAML 创建页面和控件并设置其属性。
- 如何在 XAML 中处理 UI 事件并将其连接起来。
- 如何创建和使用 XAML 标记扩展。
- 如何在 XAML 标记中设置特定于平台的值。
先决条件
- 安装有 .NET MAUI 工作负载的 Visual Studio 2022
- 可选:安装了 .NET MAUI 扩展的 Visual Studio Code 和安装了 .NET MAUI 工作负载的 .NET SDK
- 熟悉 C# 和 .NET
.NET MAUI 开发的要求
要使用 .NET 8 创建 .NET MAUI 应用,需要安装已安装以下工作负载的 Visual Studio 版本 17.8 或更高版本:
- .NET Multi-Platform App UI 开发
此外,如果要生成 .NET MAUI Blazor 应用,必须安装 ASP.NET 和 Web 开发工作负载。
有关设置的演练,请参阅文档。
使用 Visual Studio Code 进行开发
如果要在 macOS 或 Linux 上进行开发,则需要安装 Visual Studio Code 和 .NET MAUI 扩展,以及 .NET SDK 和 .NET MAUI 工作负载。 有关设置的演练,请参阅文档。