Xamarin.Forms 如何進行 APK 的閃退除錯

如何進行 APK 的閃退除錯

這篇文章將會記錄，當您的開發的應用程式已經安裝到使用者的手機上了，此時，發生了閃退現象，但您沒有任何支援閃退問題紀錄的工具來幫助您顯示問題；這個時候，您可以透過此篇文章，進行低階 Log 除錯。

這篇文章將會使用 Xamarin.Forms 的 Todo 範例程式，您可以從此下載這個專案。

https://github.com/xamarin/xamarin-forms-samples/tree/master/Todo

設定 Todo 專案會發生異常閃退

1. 請開啟 Todo 專案
2. 滑鼠右擊 TodoPCL>Targets>Todo.Android專案，選擇 設定為起始專案
3. 專案組態可以選擇 Debug
4. 請將手機插到電腦 USB 上，並且進入到 USB 偵錯模式。
5. 在方案總管中，展開 TodoPCL > Targets > Todo.Android 專案，使用滑鼠雙擊 Properties 節點
6. 切換到 Android Options 標籤頁次，接著請在標題 Linking 節點上，選擇 Sdk Assemblies Only，接著，執行這個專案
   此時，您會發現這個專案可以正常在您的手機上執行
   
7. 在方案總管中，展開 TodoPCL > Targets > Todo.Android 專案，使用滑鼠雙擊 Properties 節點
8. 切換到 Android Options 標籤頁次，接著請在標題 Linking 節點上，選擇 Sdk and User Assemblies，接著，執行這個專案
   此時，您會發現到您的專案無法在手機上執行。

   現在，您的手機上已經有一個 Xamarin.Forms 製作的應用程式，並且一旦執行這個應用程式，該程式就會閃退。

   

準備進行閃退應用程式偵錯

1. 請將有安裝閃退應用程式的手機，接上電腦，而該手機必須進入開發者模式，並允許 USB 除錯。
2. 使用 Visual Studio 開啟這個 Todo 專案。
3. 點選功能表 工具 > Android > Android Device Logging... 開啟 Android Device Logging 視窗
   
4. 若 Android Device Logging 視窗內，看不到任何訊息
   • 請點選左上方的手機螢幕圖示
   • 在開啟的 Select Device 對話窗內，選擇您的手機，並且點選 OK 按鈕
   
5. 在 Android Device Logging 視窗下，請確認長的如下圖
   • 確認下圖標示 (1) 的地方，為正在進行蒐集 Log 狀態
   • 請切換到 Text View 模式
   • 當要進行應用程式閃退問題蒐集前，可以點選 Clear 按鈕，隨時清空多餘的訊息。
   

進行應用程式閃退問題蒐集

1. 請點選 Clear 按鈕
2. 請在手機中執行有問題的程式
3. 當程式閃退之後，請點選 停止紀錄訊息按鈕，此時，Android Device Logging 視窗如下所示
   
4. Android Device Logging 視窗內，按下 Ctrl + A 接著按下 Ctrl + C ，把所有的訊息複製下到。
   您可以將這些內容貼到如 記事本 程式內來做分析
5. 請搜尋這個關鍵字 FATAL EXCEPTION: mai 找到此次異常閃退的問題紀錄
   • 在 java.lang.RuntimeException: 之下的紀錄，為 Android 這裡 Java 發出的持行時期例外異常
   • 在 Caused by: android.runtime.JavaProxyThrowable: 之後的紀錄，說明了 Xamarin.Android 這裡產生的例外異常紀錄。
   • 底下訊息可以看出
     Position 6:31. No method listItemSelected found on type Todo.TodoItemListX 應用程式在這個時候，找不到 Todo.TodoItemListX 這個類別的建構式。而真正的原因是，Xamarin.Android 的 Linker 在進行組件連結的時候，因為使用靜態分析方法，導致 Todo.TodoItemListX 這個類別被 Linker 移除掉了。
     • Force finishing activity Todo.Android/md5321ee62e7307662a691059f7f382b8e6.MainActivity 這個訊息則是記錄下，這個應用程式此時要結束執行了，也就是要閃退了。

07-28 19:33:12.845 E/AndroidRuntime(13163): FATAL EXCEPTION: main
07-28 19:33:12.845 E/AndroidRuntime(13163): Process: Todo.Android, PID: 13163
07-28 19:33:12.845 E/AndroidRuntime(13163): java.lang.RuntimeException: java.lang.reflect.InvocationTargetException
07-28 19:33:12.845 E/AndroidRuntime(13163):     at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:695)
07-28 19:33:12.845 E/AndroidRuntime(13163): Caused by: java.lang.reflect.InvocationTargetException
07-28 19:33:12.845 E/AndroidRuntime(13163):     at java.lang.reflect.Method.invoke(Native Method)
07-28 19:33:12.845 E/AndroidRuntime(13163):     at java.lang.reflect.Method.invoke(Method.java:372)
07-28 19:33:12.845 E/AndroidRuntime(13163):     at com.android.internal.os.ZygoteInit$MethodAndArgsCaller.run(ZygoteInit.java:900)
07-28 19:33:12.845 E/AndroidRuntime(13163):     ... 1 more
07-28 19:33:12.845 E/AndroidRuntime(13163): Caused by: android.runtime.JavaProxyThrowable: Xamarin.Forms.Xaml.XamlParseException: Position 6:31. No method listItemSelected found on type Todo.TodoItemListX
07-28 19:33:12.845 E/AndroidRuntime(13163):   at Xamarin.Forms.Xaml.ApplyPropertiesVisitor.SetPropertyValue (System.Object xamlelement, XmlName propertyName, System.Object value, System.Object rootElement, INode node, Xamarin.Forms.Xaml.HydratationContext context, IXmlLineInfo lineInfo) <0xf092e618 + 0x0035b> in <filename unknown>:0 
07-28 19:33:12.845 E/AndroidRuntime(13163):   at Xamarin.Forms.Xaml.ApplyPropertiesVisitor.Visit (Xamarin.Forms.Xaml.ValueNode node, INode parentNode) <0xf092df98 + 0x0034b> in <filename unknown>:0 
07-28 19:33:12.845 E/AndroidRuntime(13163):   at Xamarin.Forms.Xaml.ValueNode.Accept (IXamlNodeVisitor visitor, INode parentNode) <0xf0942878 + 0x00023> in <filename unknown>:0 
07-28 19:33:12.845 E/AndroidRuntime(13163):   at Xamarin.Forms.Xaml.ElementNode.Accept (IXamlNodeVisitor visitor, INode parentNode) <0xf09428f8 + 0x000f7> in <filename unknown>:0

1. 解決方式請參考下圖，這是因為：
   • 使用標題 Skip linking assemblies: 下的欄位，輸入 QuickTodo ，表示，這個組件不需要進行 Link 連結分析處理。
   • Todo.TodoItemListX 這個類別位於 QuickTodo 這個組件內。
   • 請反覆這些步驟，把需要排除的組件逐一加回來即可。
   

Xamarin.Forms Android發佈APK 適用於 Xamarin Android 4.2.6 to 6.1

Android發佈APK

當您在使用 Xamarin.Android 來進行 Xamarin.Forms 應用程式的除錯，Xamarin.Android 使用內建預設的金鑰褲來進行您的除錯版本程式的簽名，這個檔案位於：

C:\Users\USERNAME\AppData\Local\Xamarin\Mono for Android\debug.keystore

產生 APK & 使用程式碼簽名新的金鑰

1. 請先設定 Android 的原生專案變成 設定為起始專案
2. 請點選功能表 工具 > Android > Publish Android App...

   此時，請務必在 方案總管 內點選 Android 原生專案內的任何一個節點目錄或者項目上

   
3. 當出現 Publish Android Application 對話窗
   • 點選 Create New KeyStore 產生一把新的金鑰
   • 在 Location 欄位內，輸入這把金鑰庫要儲存的路徑(含金鑰檔案名稱)
   • 在 Password, Confirm 這兩個欄位，輸入這把金鑰庫的密碼
   • 按下 Next按鈕
   
4. 當對話窗出現另外一個畫面，如下
   • 在 Alias 欄位內輸入這把金鑰的別名

     當您再度要使用這把 金鑰庫 的這把金鑰的時候，會需要輸入這個名稱

   • 在 Password & Confirm 欄位內輸入金鑰密碼
   • 在 Validity (Years) 欄位內輸入這把金鑰的有效期限年分
   • 在 First and Last Name 欄位內輸入這把金鑰擁有人的姓名
   • 點選 Next 按鈕
   
5. 對話窗的最後一頁，點選 Create 按鈕，其中
   • Target Directory 目錄，表示您的簽名過後的 APK 檔案要產生在哪個目錄下。
   • File 欄位可以輸入您要產生的 APK 檔案名稱
   

產生 APK & 使用舊的程式碼簽金鑰

1. 請先設定 Android 的原生專案變成 設定為起始專案
2. 請點選功能表 工具 > Android > Publish Android App...

   此時，請務必在 方案總管 內點選 Android 原生專案內的任何一個節點目錄或者項目上

   
3. 當出現 Publish Android Application 對話窗
   • 點選 Use Existing KeyStore 使用已經產生過的金鑰庫
   • 在 Location 欄位，輸入剛剛產生好的金鑰庫所在的路徑(含檔名)
   • 在 Password 欄位內，輸入金鑰庫的密碼
   • 在 Alias 欄位內，輸入這把金鑰的別名
   • 在 Key Password 欄位內，輸入這把金鑰密碼。
   • 最後，點選 Next 按鈕
   
4. 最後的頁面
   • Target Directory 欄位，可以指定這個 APK 檔案要產生在哪個目錄內
   • File 欄，可以輸入您要產生的 APK 檔案名稱
   

正式開始使用 stackedit.io

最近正在透過 markdown 語法來寫關於 Xamarin.Forms 的相關書籍，所配合的工具是 Visual Studio Code。

---

不過，有些時候是想要寫些文章，但又想要使用 Markdown 語法來寫，觀察了許久，今天終於贊助了 stackedit.io。

---

這是使用 stackedit.io 來寫的第一份部落格文章，雖然，內容不是很足，但是，對我而言，這是一個很好的開始，終於可以開始把其他更零散的知識與經驗陸續地寫出來。

---

最近也會透過 Microsoft OneNote ，把想到要寫部落格文章主題，隨時隨地的記錄下來，到時候，就不怕沒有題材來寫文章了。

---

Written with StackEdit.

Xamarin.Forms 客製專屬平台的控制項視覺

客製專屬平台的控制項視覺

這一章節，將會說明如何在 Xamarin.Forms 內自訂一個控制項，並且觀察這個控制項在四個平台上呈現的樣貌，這些平台有 ： Android, iOS, Windows, Windows Phone。接下來，將會透過 Xamarin.Forms 提供的相依服務的 ExportRenderer 方法，會將自訂控制項使用每個專屬平台的額外程式碼進行修正，使這些平台上看到的控制項，儘可能一樣。

建立客製專屬平台的控制項視覺方案

1. 首先，開啟您的 Visual Studio 2015
2. 接著透過 Visual Studio 2015 功能表，選擇這些項目 檔案 > 新增 > 專案 準備新增一個專案。
3. 接著，Visual Studio 2015 會顯示 新增專案 對話窗，請在這個對話窗上，進行選擇 Visual C# >Cross-Platform > Blank Xaml App (Xamarin.Forms Portable)
4. 接著，在最下方的 名稱 文字輸入盒處，輸入 XFRendCtrl 這個名稱，最後使用滑鼠右擊右下方的 確定 按鈕。
5. 當專案建立到一半，若您的開發環境還沒有建置與設定完成 Mac 電腦與 Xamarin Studio for Mac 系統，此時會看到 Xamarin Mac Agent Instructions 對話窗出現，這個對話窗是要提醒您進行與 Mac 電腦連線設定，這是因為，您無法在 Windows 作業系統進行 iOS 相關應用程式的建立與設計工作，而是需要透過 Mac 電腦安裝的 XCode 來協助您完成這些 iOS 應用程式的建立工作。不過，這不影響您繼續開發 Xamarin.Forms 的應用程式，只不過此時，您無法編譯與執行 iOS 的應用程式。
6. 接著會看到 新的通用Windows專案 對話視窗，此時，您只需要按下 確定 按鈕即可，此時，專案精靈會繼續完成相關平台的專案建立工作。
7. 最後，整個新的 Xamarin.Forms 專案就建立完成了。

建立使用者註冊頁面

在這裡，將會展是 Entry 這個控制項在每個平台進行客製化的過程，因此，需要先建立一個 XAML 頁面，裡面會有 Entry 控制項。

修改 MainPage.xaml

修正 MainPage 頁面，可以讓使用者進行輸入他們的基本資料。

1. 在核心PCL XFRendCtrl 專案，開啟 MainPage.xaml 檔案
2. 請將底下XAML宣告標記覆蓋掉這個檔案所有內容

MainPage.xaml

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:local="clr-namespace:XFRendCtrl"
             BackgroundColor="#F5D718"
             Title="多奇菁英報名表"
             x:Class="XFRendCtrl.MainPage">

  <ContentPage.ToolbarItems>
    <ToolbarItem x:Name="Menu1" Text="確定" Order="Primary" Priority="0" />
    <ToolbarItem x:Name="Menu2" Text="取消" Order="Primary" Priority="1" />
  </ContentPage.ToolbarItems>

  <ContentPage.Padding>
    <OnPlatform x:TypeArguments="Thickness"
    iOS="20, 40, 20, 20"
    Android="20, 20, 20, 20"
    WinPhone="20, 20, 20, 20" />
  </ContentPage.Padding>

  <StackLayout
    Orientation="Vertical"
    >
    <Label Text="姓名" />
    <Entry Placeholder="請輸入您的大名" BackgroundColor="#FFEAC4" />
    <Label Text="職業" />
    <Entry Placeholder="請輸入您的職業名稱" BackgroundColor="#FFEAC4" />
    <Label Text="專長" />
    <Entry Placeholder="請輸入您擅長的程式語言" BackgroundColor="#FFEAC4" />
    <Label Text="部落格" />
    <Entry Placeholder="請輸入您的部落格網址" BackgroundColor="#FFEAC4" />
    <Label Text="成就" />
    <Entry Placeholder="請輸入您曾經做過的案子" BackgroundColor="#FFEAC4" />
  </StackLayout>

</ContentPage>

修改 App.xaml.cs 的進入點

1. 在核心PCL XFRendCtrl 專案，開啟 App.xaml.cs 檔案
2. 請將底下程式碼覆蓋掉這個檔案所有內容
3. 在這裡將會把根頁面使用 NavigationPage 來取代，而 NavigationPage 內的第一個頁面，就是 MainPage。在這裡，還有使用 BarBackgroundColor 屬性，修正導航頁面的工具列所要呈現的背景顏色值。

App.cs

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;

using Xamarin.Forms;

namespace XFRendCtrl
{
    public partial class App : Application
    {
        public App()
        {
            InitializeComponent();

            //MainPage = new XFRendCtrl.MainPage();
            MainPage = new NavigationPage(new XFRendCtrl.MainPage())
            {
                BarBackgroundColor = Color.FromHex("F5D718")
            };
        }

        protected override void OnStart()
        {
            // Handle when your app starts
        }

        protected override void OnSleep()
        {
            // Handle when your app sleeps
        }

        protected override void OnResume()
        {
            // Handle when your app resumes
        }
    }
}

實際執行畫面

請參考底下說明，分別在不同平台上來執行這個應用程式，看看其視覺長的是甚麼樣子。

Android 執行結果

1. 請在方案總管內，滑鼠右擊 XFRendCtrl.Droid 專案，選擇 設定為起始專案
2. 接著按下 F5 開始執行。
   

iOS 執行結果

1. 請在方案總管內，滑鼠右擊 XFRendCtrl.iOS 專案，選擇 設定為起始專案
2. 接著按下 F5 開始執行。
   

Windows UWP 執行結果

1. 請在方案總管內，滑鼠右擊 XFRendCtrl.UWP 專案，選擇 設定為起始專案，
2. 請在除錯工具列(如下圖所示)，從下拉選單中選擇，本機電腦
   
3. 請點選功能表：建置 > 組態管理員，當 組態管理員對話窗 出現之後
4. 確認這個要執行的專案，其 建置 與 部署 欄位是否有勾選，若沒有，請勾選其 建置 與 部署 欄位的檢查盒，最後，點選 關閉 按鈕
   
5. 接著按下 F5 開始執行。
   
   

Windows Phone UWP 執行結果

1. 請在方案總管內，滑鼠右擊 XFRendCtrl.UWP 專案，選擇 設定為起始專案，
2. 請在除錯工具列(如下圖所示)，從下拉選單中選擇，Mobile Emulator 10.0.10586.0 720p 5 inch 1GB這個手機模擬器
   
3. 請點選功能表：建置 > 組態管理員，當 組態管理員對話窗 出現之後
4. 確認這個要執行的專案，其 建置 與 部署 欄位是否有勾選，若沒有，請勾選其 建置 與 部署 欄位的檢查盒，最後，點選 關閉 按鈕
   
5. 接著按下 F5 開始執行。
   
   

進行 Entry 控制項客製化

在此，將會透過 ExportRenderer 的相依注入方式，當程式要顯示指定的控制項時候，在這裡使用的控制項為 MyEntry，此時，將會使用專屬平台中定義的程式碼來顯示(將會定義在 OnElementChanged 方法內)

核心PCL 建立新的自訂控制項

1. 滑鼠右擊 核心PCL XFRendCtrl 專案，點選 加入 > 類別 > Visual C# > 類別
2. 在底下 名稱 欄位內輸入 MyEntry
3. 請將底下程式碼覆蓋掉這個檔案所有內容
4. 這裡建立一個類別，MyEntry，是由 Entry 繼承而來。

MyEntry.cs

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using Xamarin.Forms;

namespace XFRendCtrl
{
    public class MyEntry : Entry
    {
    }
}

核心PCL 修改 MainPage

1. 在核心PCL XFRendCtrl 專案，開啟 MainPage.xaml 檔案
2. 請將底下XAML宣告標記覆蓋掉這個檔案所有內容
3. 在這裡，將原先使用的 Entry 控制項，使用剛剛自訂控制項來取代，這裡使用的是 local:MyEntry；因為 MyEntry 這個控制項是由 Entry 繼承而來，因此，所有的用法都與 Entry 控制項一樣。

MainPage.xaml

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:local="clr-namespace:XFRendCtrl"
             BackgroundColor="#F5D718"
             Title="多奇菁英報名表"
             x:Class="XFRendCtrl.MainPage">

  <ContentPage.ToolbarItems>
    <ToolbarItem x:Name="Menu1" Text="確定" Order="Primary" Priority="0" />
    <ToolbarItem x:Name="Menu2" Text="取消" Order="Primary" Priority="1" />
  </ContentPage.ToolbarItems>

  <ContentPage.Padding>
    <OnPlatform x:TypeArguments="Thickness"
    iOS="20, 40, 20, 20"
    Android="20, 20, 20, 20"
    WinPhone="20, 20, 20, 20" />
  </ContentPage.Padding>

  <StackLayout
    Orientation="Vertical"
    >
    <Label Text="姓名" />
    <local:MyEntry Placeholder="請輸入您的大名" BackgroundColor="#FFEAC4" />
    <Label Text="職業" />
    <local:MyEntry Placeholder="請輸入您的職業名稱" BackgroundColor="#FFEAC4" />
    <Label Text="專長" />
    <local:MyEntry Placeholder="請輸入您擅長的程式語言" BackgroundColor="#FFEAC4" />
    <Label Text="部落格" />
    <local:MyEntry Placeholder="請輸入您的部落格網址" BackgroundColor="#FFEAC4" />
    <Label Text="成就" />
    <local:MyEntry Placeholder="請輸入您曾經做過的案子" BackgroundColor="#FFEAC4" />
  </StackLayout>

</ContentPage>

Android 平台

新增 MyEntryRenderer 類別

1. 滑鼠右擊 XFRendCtrl.Droid 專案，點選 加入 > 類別 > Visual C# > Class
2. 在底下 名稱 欄位內輸入 MyEntryRenderer
3. 請將底下程式碼覆蓋掉這個檔案所有內容

MyEntryRenderer.cs

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;

using Android.App;
using Android.Content;
using Android.OS;
using Android.Runtime;
using Android.Views;
using Android.Widget;
using Xamarin.Forms.Platform.Android;
using Xamarin.Forms;
using XFRendCtrl;
using XFRendCtrl.Droid;

[assembly: ExportRenderer(typeof(MyEntry), typeof(MyEntryRenderer))]
namespace XFRendCtrl.Droid
{
    public class MyEntryRenderer : EntryRenderer
    {
        protected override void OnElementChanged(ElementChangedEventArgs<Entry> e)
        {
            base.OnElementChanged(e);
            if (Control != null)
            {
                Control.SetBackgroundDrawable(null);
            }
        }
    }
}

iOS 平台

新增 MyEntryRenderer 類別

1. 滑鼠右擊 XFRendCtrl.iOS 專案，點選 加入 > 類別 > Apple > 類別
2. 在底下 名稱 欄位內輸入 MyEntryRenderer
3. 請將底下程式碼覆蓋掉這個檔案所有內容

MyEntryRenderer.cs

using System;
using System.Collections.Generic;
using System.Text;
using Xamarin.Forms;
using Xamarin.Forms.Platform.iOS;
using XFRendCtrl;
using XFRendCtrl.iOS;

[assembly: ExportRenderer(typeof(MyEntry), typeof(MyEntryRenderer))]
namespace XFRendCtrl.iOS
{
    public class MyEntryRenderer : EntryRenderer
    {
        protected override void
        OnElementChanged(ElementChangedEventArgs<Entry> e)
        {
            base.OnElementChanged(e);
            if (Control != null)
            {
                Control.BorderStyle = UIKit.UITextBorderStyle.None;
            }
        }
    }
}

UWP 平台

新增 MyEntryRenderer 類別

1. 滑鼠右擊 XFRendCtrl.UWP 專案，點選 加入 > 類別 > Visual C# > 類別
2. 在底下 名稱 欄位內輸入 MyEntryRenderer
3. 請將底下程式碼覆蓋掉這個檔案所有內容

MyEntryRenderer.cs

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using Windows.UI;
using Windows.UI.Xaml.Controls;
using Windows.UI.Xaml.Media;
using Xamarin.Forms;
using Xamarin.Forms.Platform.UWP;
using XFRendCtrl;
using XFRendCtrl.UWP;

[assembly: ExportRenderer(typeof(MyEntry), typeof(MyEntryRenderer))]
namespace XFRendCtrl.UWP
{
    public class MyEntryRenderer : EntryRenderer
    {
        protected override void OnElementChanged(ElementChangedEventArgs<Entry> e)
        {
            base.OnElementChanged(e);
            if (Control != null)
            {
                Control.Background = new SolidColorBrush(Colors.Transparent);
                Control.BorderBrush = new SolidColorBrush(Colors.Transparent);
                //TextBox textBox = Control as TextBox;
                //textBox.BorderBrush = new SolidColorBrush(Colors.Transparent);
                //textBox.Background = new SolidColorBrush(Colors.Transparent);
            }
        }
    }
}

實際執行有客製化的畫面

請參考底下說明，分別在不同平台上來執行這個應用程式，看看其視覺長的是甚麼樣子。

Android 執行結果

1. 請在方案總管內，滑鼠右擊 XFRendCtrl.Droid 專案，選擇 設定為起始專案
2. 接著按下 F5 開始執行。
   

iOS 執行結果

1. 請在方案總管內，滑鼠右擊 XFRendCtrl.iOS 專案，選擇 設定為起始專案
2. 接著按下 F5 開始執行。
   

Windows UWP 執行結果

1. 請在方案總管內，滑鼠右擊 XFRendCtrl.UWP 專案，選擇 設定為起始專案，
2. 請在除錯工具列(如下圖所示)，從下拉選單中選擇，本機電腦
   
3. 請點選功能表：建置 > 組態管理員，當 組態管理員對話窗 出現之後
4. 確認這個要執行的專案，其 建置 與 部署 欄位是否有勾選，若沒有，請勾選其 建置 與 部署 欄位的檢查盒，最後，點選 關閉 按鈕
   
5. 接著按下 F5 開始執行。
   
   

Windows Phone UWP 執行結果

1. 請在方案總管內，滑鼠右擊 XFRendCtrl.UWP 專案，選擇 設定為起始專案，
2. 請在除錯工具列(如下圖所示)，從下拉選單中選擇，Mobile Emulator 10.0.10586.0 720p 5 inch 1GB這個手機模擬器
   
3. 請點選功能表：建置 > 組態管理員，當 組態管理員對話窗 出現之後
4. 確認這個要執行的專案，其 建置 與 部署 欄位是否有勾選，若沒有，請勾選其 建置 與 部署 欄位的檢查盒，最後，點選 關閉 按鈕
   
5. 接著按下 F5 開始執行。