###### tags: `MAUI + Xamarin.Forms` # MAUI + Xamarin.Forms (.Net6.0) ## 環境建置 ![](https://i.imgur.com/nFqBJeu.png) 如果要選擇開發Xamarin.Forms畫面 要選擇上圖選項 其他的設定請參照下面連結 [MAUI + Blazor (.Net6.0) 開發安卓APP的環境配置]("https://hackmd.io/Ub3CId6CS22d630mY59XdA") ## 修改首頁 ![](https://i.imgur.com/oH7Idwz.png) 我們的專案的組成架構如上圖 首頁預設就是MainPage.xaml ![](https://i.imgur.com/R2q7xiA.png) 如果要修改就需要進入AppShell.xaml去修改把MainPage改成自己寫好的頁面 ## 新增一個畫面 [Xamarin.Forms 官方說明]("https://learn.microsoft.com/zh-tw/xamarin/get-started/what-is-xamarin-forms") ![](https://i.imgur.com/l0mTeHo.png) 我們創建一個views 資料夾來存放畫面 ![](https://i.imgur.com/nNTQcke.png) 新增一個 .Net MAUI contentPage(XAML) ![](https://i.imgur.com/Ow2XSvD.png) 新增的畫面如上圖 ## 首頁新增按鈕跳轉畫面 ![](https://i.imgur.com/3Jv2QCt.png) 以預設首頁為範例, 我們新增一個按鈕 ![](https://i.imgur.com/1Srs4aB.png) xaml裡面增加按鈕如上圖, 並註冊事件OnChangeClickedAsync ![](https://i.imgur.com/Uj5AS0N.png) 事件內寫上導向我們之前新增的頁面 這樣一個簡單的畫面跳轉就好了