XAML in Xamarin.Forms 基礎篇 電子書

XAML in Xamarin.Forms 基礎篇 電子書
XAML in Xamarin.Forms 基礎篇 電子書

Xamarin.Forms 快速入門 電子書

Xamarin.Forms 快速入門 電子書
Xamarin.Forms 快速入門 電子書

2016/08/08

Xamarin.Android 您好

Xamarin.Android 您好

這個範例專案將會說明如何使用 Xamarin.Android 工具幫助您開發原生 Android 類型的應用程式;當您決定使用 Xamarin.Android 來開發原生的 Android 應用程式,您需要充分了解 Android SDK 所描述的各項內容,千萬不要為,我只具備了 C# 的知識與經驗,我就可以使用 Xamarin.Android 開發出任何 Android 類型應用程式,因為,這樣到時候您會很受傷的。

開始建立新的專案

  1. 首先,開啟您的 Visual Studio 2015 (在此,假設您已經安裝好 Visual Studio 2015 與 Xamarin Toolkit工具)
  2. 接著透過 Visual Studio 2015 功能表,選擇這些項目 檔案 > 新增 > 專案 準備新增一個專案。
  3. 接著,Visual Studio 2015 會顯示 新增專案 對話窗,請在這個對話窗上,進行選擇 Visual C# >Android > Blank App (Android)
  4. 接著,在最下方的 名稱 文字輸入盒處,輸入 AndroidHello 這個名稱,最後使用滑鼠右擊右下方的確定 按鈕。
    HelloBlankXamlApp
  5. 當完成這個原生 Android 專案的新建立工作,可以從方案總管內看到這個專案的結構,原則上,您看到的目錄與檔案內容,都會與使用 Android SDK 開發專案十分類似。
    Android原生專案結構

加入處理邏輯

  1. 在方案總管內,展開資料夾 Resources > layout,滑鼠雙擊檔案 Main.axml,此時,Xamarin.Android 會將這個頁面以視覺化的方式呈現出來。
    • 使用 工具箱 (若您沒有看這個視窗,可以點選 檢視 > 工具箱 來開啟這個子視窗),在其Controls 區域下,拖拉 Label / Button / Text Field 這三種控制項到 Storyboard 上,如下圖所示。
    • 標號1
      Text(Large) TextView.Text = 歡迎來到 Xamarin.Android
    • 標號2
      Lable 控制項,TextView.Text = 您的姓名
    • 標號3
      Lable 控制項,TextView.Text = 空白,Identity.id = @+id/textViewWelcome
    • 標號4
      EditText 控制項 EditText.id = 空白,EditText.id = @+id/editTextYourName
    • 標號5
      Button 控制項,Button.Text = OK,Identity.id = @+id/MyButton
    AndroidViewXML
  2. 滑鼠雙擊檔案 MainActivity.cs,使用底下程式碼覆蓋。
    在 ViewDidLoad 方法內,增加了按鈕的 `TouchUpInside 的處理事件,在這裡,當按下這個按鈕,則會自動根據使用者輸入的姓名,產生另外一段字串。

MainActivity.cs

using System;
using Android.App;
using Android.Content;
using Android.Runtime;
using Android.Views;
using Android.Widget;
using Android.OS;

namespace AndroidHello
{
    [Activity(Label = "AndroidHello", MainLauncher = true, Icon = "@drawable/icon")]
    public class MainActivity : Activity
    {
        int count = 1;

        protected override void OnCreate(Bundle bundle)
        {
            base.OnCreate(bundle);

            // Set our view from the "main" layout resource
            SetContentView(Resource.Layout.Main);

            // Get our button from the layout resource,
            // and attach an event to it
            Button button = FindViewById<Button>(Resource.Id.MyButton);
            TextView Welcome = FindViewById<TextView>(Resource.Id.textViewWelcome);
            EditText YourName = FindViewById<EditText>(Resource.Id.editTextYourName);

            button.Click += (s, e) =>
            {
                Welcome.Text = $"{YourName.Text} 您好";
            };
         }
    }
}

實際執行畫面

Android 執行結果

請在方案總管內,滑鼠右擊 AndroidHello 專案,選擇 設定為起始專案,接著按下 F5 開始執行。
請在標題文字 您的姓名 下方,輸入您的姓名
Android執行結果1
最後,請點選按鈕 OK,就會出現如下圖所示內容
Android執行結果1

沒有留言:

張貼留言