Terry's IT Note

前言

大部份的Android 都具有實體或虛擬的Back鍵. 因此在處理多頁面應用程式時, 與先前所介紹的iOS Navigation controller 比較起來會簡單許多.

1. 開啟Visual Studio 並新增Android Application 專案並命名為Lab4-MultiScreen

2. 在Layout資料夾中新增Second.axml

在Second.axml 中拖放1個TextView並標示此為第2個Activity

2. 在專案底下新增一個SecondActivity.cs. 在OnCreate事件中撰寫以下程式碼：

SetContentView(Resource.Layout.Second);

3. 開啟Activity1.cs, 在class name的地方按滑鼠右鍵=>重構=>重新命名. 將類別名稱改為FirstActivity. 記得在方案總管中的檔名也一併改為FirstActivity.cs

4. 開啟Main.axml, 在畫面中放置1個Button並指定Text屬性值為”Load Second Activity”並將id 的屬性值變更為”@+id/ShowSecond”

5. 開啟FirstActivity.cs, 在OnCreate事件中撰寫以下程式碼:

//載入頁面

SetContentView(Resource.Layout.Main);

//宣告並取得按鈕物件, 並在按鈕的click事件處理中載入SecondActivity

Button button = FindViewById< Button >(Resource.Id.showSecond);

button.Click += delegate

{…….按鈕處理函式}

Button的click處理函式中, 我們將使用3種方法來載入SecondActivity.

• 方法一: 使用內建的StartActivity方法, 程式碼如下：

//呼叫其他Activity的第一種方法(隱含的建立Intent)

StartActivity(typeof(SecondActivity));

• 方法二: 建立Intent, 然後使用StartActivity載入其他SecondActivity. 程式碼如下：

//呼叫其他Activity的第二種方法, 建立Intent, 然後使用StartActivity載入其他Activity

var second = new Intent(this, typeof(SecondActivity));

StartActivity(second);

• 方法三: 建立Intent, 並透過Intent.PutExtra載入Activity並傳入參數. 程式碼如下：

//使用Intent.PutExtra載入Activity並傳入參數

var second = new Intent(this, typeof(SecondActivity));

second.PutExtra("FirstData", "Data from FirstActivity");

StartActivity(second);

上述的3種方式, 第1個跟第2個是一樣的, 使用第1種方式, 會隱含建立一個Intent物件。

6. 執行專案並檢視結果.

7. 透過上述的第3個方法, 可以像QueryString般傳遞參數到下一個Activity. 現在我們開啟SecondActivity.cs. 透過Intent的GetStringExtra方法來取得參數的值. 在Oncreate方法中撰寫以下程式碼:

//載入頁面

SetContentView(Resource.Layout.Second);

//宣告並取得TextView物件

var label = FindViewById(Resource.Id.screen2Label);

//透過Intent.GetStringExtra取得從前一個Activity所傳來的訊息

label.Text = Intent.GetStringExtra("FirstData") ?? "Data not available";

在上述程式碼中, 我們透過Intent的GetStringExtra(“參數名稱”)來取得字串型別的參數. 事實上還可以透過類似的方法取得不同型別的參數值. 如下圖所示：

而??陳述式則是用來判斷是否為Null的方便寫法. 若取出的值為Null則顯示後面的字串.

8. 執行專案並檢視結果, 如下圖所示

結語

在本篇文章中, 我們介紹Android 應用程式在多頁面中的切換, 相較於iOS, Android 對於多頁面的處理較為方便. 另外在Android中也提供Tab控制項在多頁面之間進行切換. 有興趣的朋友可以參考以下文章：

Tab Layout

http://docs.xamarin.com/guides/android/user_interface/tab_layout

範例程式碼下載: Lab04-MultiScreen.zip

本文同時刊載於昕力資訊網站, 轉載請註明出處!