練習 - 探索對齊選項

  • 5 分鐘

在此練習中，當適用於 Grid 所包含的檢視時，您可使用 .NET Multi-platform App UI (MAUI) 應用程式來查看四個主要配置選項的效果。 您在練習中不用撰寫程式碼。 您可改為使用所提供的解決方案，並選取按鈕來變更標籤的版面配置選項。

本課程模組使用 .NET 9.0 SDK。 確認您已在慣用的命令終端中執行下列命令來安裝 .NET 9.0：

dotnet --list-sdks

類似下列範例的輸出隨即出現：

8.0.100 [C:\Program Files\dotnet\sdk]
9.0.100 [C:\Program Files\dotnet\sdk]

確定已列出開頭為 9 的版本。 如果未列出任何項目或找不到命令，請安裝最新的 .NET 9.0 SDK。

開啟入門解決方案

  1. 從 [GitHub] 複製或下載練習存放庫。

    注意

    最好將練習內容複製或下載至簡短的資料夾路徑，例如 C：\dev，以避免組建產生的檔案超過最大路徑長度。

  2. 使用 Visual Studio 從 exercise1/Alignment 資料夾或 Visual Studio Code 中的這個資料夾開啟入門方案。

測試應用程式行為

執行應用程式以測試 LayoutOptions 並查看不同的配置選項會如何改變標籤的大小和位置。

  1. 與變更水平和垂直 LayoutOptions 的按鈕互動來測試應用程式。 選取這些按鈕，並觀察會發生什麼情況。 下圖會顯示如果針對 [水平] 和 [垂直] 對齊選項都選取 [中心] 時會發生的情况：

    在 Android 裝置上執行的對齊應用程式螢幕快照。已針對水平和垂直對齊選取對齊選項 [置中]。

    對齊選項 (Start、Center、End 及 Fill) 可同時變更檢視的大小和對齊方式。