簡介
.NET MAUI 可讓您使用 C# 程式碼動態建立應用程式的使用者介面。 不過,有時候以靜態方式定義 UI 比較合適且更有效率。 Extensible Application Markup Language (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 工作負載。 如需設定的逐步解說,請參閱本文。