WinUI 3 Page 示範

在 WinUI 3 專案可以直接在 MainWindow.xaml 中撰寫 xaml ，將例如 TextBlock, TextBox 等元件顯示在畫面上。不過通常應用程式有多個頁面時我們會將每個頁面放在不同的 xaml 檔案中，然後用切換的方式將內容顯示出來。

通常這些頁面會放在 Views 資料夾中，不過還是依照團隊的習慣， 這裡先建立 Views 資料夾，使用滑鼠右鍵點擊 Views 資料夾，點選 加入 > 新增項目， 選擇 Blank Page(WinUI 3) ，這裡命名為 Page1.xaml

會自動建立 Page1.xaml 和 Page1.xaml.cs 檔案。

然後回到 MainWindow.xaml ，使用下面的程式碼就可以顯示剛剛建立的 Page1.xaml 的內容了！

    
<Frame x:Name="MainFrame" SourcePageType="views:Page1" />
    

在 MainWindow.xaml 中也可以使用下列方式動態切換到其他的 Page (假設建立了 Page2)

    
var page2 = new Views.Page2();
this.Content = page2;
    

在 Page1 中野可以使用下列方式動態切換到其他的 Page (假設建立了 Page2)

    
this.Frame.Navigate(typeof(Page2));