編碼功能要整合到 App 中，同樣要把定義 Encrypt 類別 (class) 的 Program.cs 加入到專案 (project) ，在方案總管的專案圖示點擊滑鼠右鍵，利用快選功能表點擊「加入」「現有項目」

然後開啟 EncryptWpfApp 專案，勾選 Program.cs ，點擊加入按鈕

下面依紅色框框部分加入程式碼

完整程式請參考「範例程式篇」的「 EncodeActivity.cs 」。

先看到最上方 using 的部分，這裡要引入 EncryptNamespace 及 Xamarin.Essentials

using EncryptNamespace;
using Xamarin.Essentials;

然後建立 string 型態的私有欄位 (private field) result ，連帶建立 Result 屬性 (property)

private string result;
public string Result { get => result; set => result = value; }

下面 OnCreate() 方法 (method) 內的第一部份

base.OnCreate(savedInstanceState);
Platform.Init(this, bundle: savedInstanceState);

base.OnCreate() 是預設的程式碼，下一行是我們自行加入的，其實這一行會在 MainActivity.cs 預設建立，然後新建的 Activity 檔案並不會預先加入，所以這裡要自行加入。

下面的程式碼依按鈕分成三部分來講

先看到 ID 為 button_home 的回首頁按鈕

Button backButton = FindViewById<Button>(Resource.Id.button_home);
backButton.Click += (sender, e) =>
{
    StartActivity(new Intent(this, typeof(MainActivity)));
};

回首頁按鈕是呼叫 StartActivity() ，將頁面切換回 MainActivity.cs 。

下面的部分一共用了三個 App 元件，分別是最上方輸入文字的 edit_text ，顯示結果的 text_view ，以及 ID 為 button_encode 的編碼按鈕

EditText userinput = (EditText)FindViewById<EditText>(Resource.Id.edit_text);
TextView resulttext = (TextView)FindViewById<TextView>(Resource.Id.text_view);
Button encodeButton = FindViewById<Button>(Resource.Id.button_encode);
encodeButton.Click += (sender, e) =>
{
    Encrypt encryptObject = new Encrypt();
    if (userinput.Text == "")
    {
        resulttext.Text = "沒有輸入英文句子!";
    }
    else
    {
        Result = resulttext.Text;
        resulttext.Text = encryptObject.ToEncode(userinput.Text);
    }
};

簡單說，先建立 Encrypt 型態的 encryptObject ，注意 encryptObject 在這裡只是區域變數 (local variable) ，然後檢查使用者是否有輸入，如果沒有輸入就直接顯示 "沒有輸入英文句子!" ，反之有輸入就進行隨機編碼，並將編碼結果儲存到 Result 屬性。

最後是 ID 為 button_copy 的拷貝按鈕

Button copyButton = FindViewById<Button>(Resource.Id.button_copy);
copyButton.Click += async (sender, e) =>
{
    await Clipboard.SetTextAsync(resulttext.Text);
};

注意，這裡的匿名方法宣告為 async

copyButton.Click += async (sender, e) =>

意思是說，使用者按下拷貝按鈕後，這個方法中宣告為 await 的陳述 (statement) 會以非同步的方式執行，裡頭宣告為 await 的陳述只有一行

await Clipboard.SetTextAsync(resulttext.Text);

這是把編碼結果的 resulttext 中的文字設定給系統剪貼簿，也就是使用者可以貼到其他地方。

傳統程式設計的執行步驟是依序的，依序的意思就是完成第一項，才去進行第二項，接著依序完成排成上的所有工作，非同步程式設計 (asynchronous programming) 像是同時展開多項工作，每一項完成後就回傳結果，並不一定等到特定項目完成，才去執行下一個項目，像是我們在做餐點時，可能先煮飯，然後燒菜同時煮湯，並沒有等到煮飯煮好才燒菜，也不會等到燒菜燒好才煮湯，換句話說，以上的程式碼是等待使用者做貼上的動作才會去複製文字到剪貼簿。

以下來試看看囉！先編碼

然後按下拷貝按鈕，再貼到輸入欄

編碼結果貼到輸入欄如下

繼續按下回首頁按鈕，就回到目錄頁

好了，簡單 App 到這裡已做完，下一單元繼續加入自訂的 App 圖示與實機測試。

相關教學影片

• 第八堂課導覽 ⇨ YouTube 頁面連結
• 整合功能 ⇨ YouTube 頁面連結
• 第八堂課舉一反三 ⇨ YouTube 頁面連結