本教程系列演示如何使用 XAML 和 C# 创建 WinUI 应用。 你将创建的应用是一个便笺应用,用户可以在其中创建、保存和加载多个笔记。 可以从 GitHub 存储库下载或查看本教程的代码。
本教程中,您将学习如何:
- 使用 XAML 标记定义应用的用户界面。
- 通过 C# 代码与 XAML 元素交互。
- 保存并加载本地文件系统中的文件。
- 创建视图并将其绑定到数据。
- 使用导航在应用程序中浏览各个页面。
- 使用文档和示例应用等资源创建自己的应用。
你将使用 Visual Studio 2022 创建一个应用,该应用可用于输入笔记并将其保存到本地应用存储。 可在此处找到此应用的源代码。 该应用将有两个页面:
-
NotePage- 用于编辑单个笔记的页面。 -
AllNotesPage- 显示所有已保存笔记的页面。
最终的应用程序如下所示:
AllNotesPage
NotePage
创建 Visual Studio 项目
若要开始本教程,必须使用 C# 项目模板在 Visual Studio Blank App, Packaged (WinUI in Desktop) 中创建 WinUI 应用项目。 创建项目时,请使用以下设置:
项目名称
此属性必须设置为
WinUINotes。 如果项目的名称不同,则从本教程复制和粘贴的代码可能会导致生成错误。 这是因为 Visual Studio 使用项目名称作为应用代码的默认 命名空间 。Windows 应用 SDK
本教程使用 Windows 应用 SDK 1.7 中的新增功能。 必须确保 Windows 应用 SDK NuGet 包已更新到版本 1.7 或更高版本。
重要
如果以前尚未创建 WinUI 项目,请按照 “开始开发 Windows 应用 ”中的步骤,确保正确设置开发环境和 Visual Studio 项目。
运行空白应用项目(如 “开始开发 Windows 应用”中所述)时,应会看到如下所示的空窗口:
小窍门
生成 Windows 应用时,经常引用 API 参考文档和概念文档。 在本教程中,你将在文本中看到内联链接,并在标记为“在 docs:中了解详细信息”的组中。 这些链接是可选的;无需遵循它们即可完成本教程。 它们已经提供,以便您在开始创建自己的应用程序时记下需要的信息出处。