---
# System prepended metadata

title: MAUI + Xamarin.Forms (.Net6.0)
tags: [MAUI + Xamarin.Forms]

---

###### 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)
事件內寫上導向我們之前新增的頁面
這樣一個簡單的畫面跳轉就好了 





