Xamarin.Forms 教學系列文（二十五.貳）Tabbed Page

學習目標

• TabbedPage 多頁面切換
• Tabbed 也有 ItemSource 可以用喔!!

這也是常見的一種頁面，凡舉各種 App 都適用... 隨便一抓 Instagram 就是用 TabbedPage 為主的 App...

當你想要 App 的頁面能左滑右滑時，就該來使用 TabbedPage，

使用時要注意的就是內容要放的東西，等等範例可以看到，我們會建立起三個 ContentPage 並放入 TabbedPage 內，
除了直接放 ContentPage，我們還能將集合指派給 TabbedPage 的 ItemSource。

TabbedPage 的標題隨著內容頁 Title 屬性值而改變。

對了，iOS 的 Tab 在下方，且每個 Tab 一定要有 icon，否則無法上架 App store。

Xamarin.Forms 教學系列文（二十五.壹）Master Detail Page

學習目標

• MasterDetailPage 左上角海苔條

建構 Xamarin.Forms App 時，可以想像你在蓋一棟大樓，

Visual Element 是大樓內的元件，
Layout 則是一面牆壁或是畫布，可以隨意放置任何的 Visual Element，

而 Page 就是房間，能容納各種 Layout，

上一章節學會的 Navigation，就是將每個房間鏈結起來的通道。

一路學來其實已經看過兩種 Page，一為常見的 ContentPage，二為上一章節的 NavigationPage

本章要來介紹兩個新的 Page，MasterDetailPage 和 TabbedPage

先來看 MasterDetailPage

Xamarin.Forms 教學系列文（二十四.貳 - 3）Navigation 參數傳遞 - Messaging center & ViewModel

學習目標

• Messaging center 應用程式內部推播
• ViewModel ... 不熟的請回去看 18章

這一小節提到的兩個都是較特別的方法，

例如 ViewModel，我認為不太算正統的參數傳遞，而是一種利用 MVVM 達到我們目的的方法。

而 Messaging center 有點像是 App 內部推播，利用接收者(Subscribe) 與發送者(Send) 的關係來傳遞參數，其用法也相當特別~

Xamarin.Forms 教學系列文（二十四.貳 - 2）Navigation 參數傳遞 - App & Events

學習目標

• App 全域型變數
• 委派 Event 變數 

為什麼我會稱這兩個為中介型參數傳遞呢?

因為這兩個方法都要依靠另一個類別內的變數，才有辦法達到 參數傳遞 這個目的。

第一種方法會先在 App 內設定好要使用的全域變數，

那第二種則是先在另一個頁面內設好要委派的事件 (Event) 變數。

先來看 App 的用法~ 相當簡單的

Xamarin.Forms 教學系列文（二十四.貳 - 1）Navigation 參數傳遞 - 建構子 & 方法呼叫

學習目標

• 建構子參數傳遞
• 呼叫上下頁方法

當我學會了頁面導覽後，心中還是充滿了疑問，若我兩個頁面之間要做參數的傳遞，到底要怎麼做?

App 又不像網頁的 Post、Get，甚至還用個 Session 來當作參數傳遞!!!

那這一小節會提到 六種 參數傳遞的方式，各有優缺點，我會分成三個部分來說。

1. 直觀型傳遞 - 建構子 & 呼叫方法
2. 中介型傳遞 - App & Events
3. 特殊型傳遞 - Messaging Center & ViewModel

第一部分會先來談談最簡單的方式，利用建構子去傳遞參數，或是呼叫上下頁的方法