介绍

  • 2 分钟

在整个 UI 中使用相同的字体和颜色，打造一致的外观。 .NET Multi-Platform App UI (MAUI) 提供了一种方法，可用于在某一位置定义这些值，并在使用它们的任意位置查找它们。 重用值可确保应用的一致性，并使更新变得简单。

假设正在生成一个名为 TipCalculator 的移动应用程序。 该应用用于服务行业，可以让服务员快速计算出任何服务的小费。 贵公司最近改变了企业品牌的外观。 你的工作是更新该应用的 UI，使其与新的外观一致。 你需要更改字体、文本颜色和背景色。 你想要让这种更新变得简单，因为随着公司的发展，品牌上肯定会有更多变化。

在此模块中，你将了解如何在代码和 Extensible Application Markup Language (XAML) 中定义和应用资源。 还会了解如何将多个设置分组到一个样式中，以便可一次全部应用它们。

学习目标

在本模块中，你将了解如何：

  • 在 .NET MAUI XAML 用户界面中创建和使用静态资源。
  • 创建并使用动态资源。
  • 使用样式创建一致的用户界面。
  • 创建和使用应用程序范围的资源。
  • 对用户的辅助功能选项应用内置样式。

先决条件

  • 安装有 .NET MAUI 工作负载的 Visual Studio 2022。
  • 可选：安装了 .NET MAUI 扩展的 Visual Studio Code 和安装了 .NET MAUI 工作负载的 .NET SDK。
  • 熟悉 C# 和 .NET。

.NET MAUI 开发的要求

要使用 .NET 9 创建 .NET MAUI 应用，需要安装已安装以下工作负载的 Visual Studio 版本 17.12 或更高版本：

  • .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 工作负载。 有关设置的演练，请参阅文档。