XAML in Xamarin.Forms 基礎篇 電子書

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

Xamarin.Forms 快速入門 電子書

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

2016/11/25

Visual Studio 2017 RC 建立 Xamarin.Forms 專案

微軟於這個月,在 Connect(); // 2016 上發表了 Visual Studio 2017 RC;今天在 Azure 的虛擬主機上,看到已經有 Visual Studio 2017 RC 虛擬主機推出了,當然,也就順便啟動了這個虛擬主機,看看 VS2017 在 Xamarin 上有那些不錯的改進。
首先,當要建立一個 Xamarin.Forms 的專案,其專案樣板建立專案的過程有變更了。

在 Visual Studio 2017 RC 建立 Xamarin.Forms 專案

  • 點選功能表上的 File > New > Project > Templates > Visual C# > Cross-Platform,不過,此時,在這個專案樣本內,僅剩下了三個選項:Cross Platform App / Class Library (Xamarin.Forms) / UI Test App (Xamarin.UITest | Cross-Platform);當然,因為要建立 Xamarin.Forms的專案,所以,選擇了 Cross Platform App
    enter image description here
  • 這個時候,出現之前不曾遇到過的內容,如下圖所示。在這裡,僅有三個選項
    • Master Detail : 用來建立 MasterDetailPage 頁面型態的專案
    • Blank App:建立一個Xmarin.Forms的專案,不過,App類別是使用 .cs 的方式來表達。
    • Blank App (XAML):建立一個Xmarin.Forms的專案,App類別是使用 XAML 來表示,方便開發者可以透過XAML 定義各種系統層面用到的資源字典 Resource Dictionary,與 Code Behind 可以用來設定哪個頁面為啟動Xamarin.FOrma App的時候,要顯示的第一個頁面。
    另外,在該對話窗的下方,有 UI Technology / Sharing / Microsoft Azure 這三個選項,在這裡,我會選擇
    • UI Technology : Forms
    • Sharing : PCL
    • Microsoft Azure : 不選擇
    設定完成之後,點選右下方 Accept 按鈕,開始建立 Xmarin.Forms 的專案。
    enter image description here
當專案建立完成之後,得到一個錯誤訊息:
Severity    Code    Description Project File    Line    Suppression State
Error       Project 'App3.Droid' requires the following components installed on your machine: 
Xamarin.Android.Support.v4
JavaLibraryReference: https://dl-ssl.google.com/android/repository/android_m2repository_r32.zip-m2repository/com/android/support/support-v4/23.4.0/support-v4-23.4.0.aar-23.4.0.0
JavaLibraryReference: https://dl-ssl.google.com/android/repository/android_m2repository_r32.zip-m2repository/com/android/support/support-v4/23.4.0/support-v4-23.4.0.aar-23.4.0.0
AndroidResources: https://dl-ssl.google.com/android/repository/android_m2repository_r32.zip-m2repository/com/android/support/support-v4/23.4.0/support-v4-23.4.0.aar-23.4.0.0
Xamarin.Android.Support.Design
JavaLibraryReference: https://dl-ssl.google.com/android/repository/android_m2repository_r32.zip-m2repository/com/android/support/design/23.4.0/design-23.4.0.aar-23.4.0.0
AndroidResources: https://dl-ssl.google.com/android/repository/android_m2repository_r32.zip-m2repository/com/android/support/design/23.4.0/design-23.4.0.aar-23.4.0.0
Xamarin.Android.Support.v7.AppCompat
JavaLibraryReference: https://dl-ssl.google.com/android/repository/android_m2repository_r32.zip-m2repository/com/android/support/appcompat-v7/23.4.0/appcompat-v7-23.4.0.aar-23.4.0.0
AndroidResources: https://dl-ssl.google.com/android/repository/android_m2repository_r32.zip-m2repository/com/android/support/appcompat-v7/23.4.0/appcompat-v7-23.4.0.aar-23.4.0.0
Xamarin.Android.Support.v7.CardView
JavaLibraryReference: https://dl-ssl.google.com/android/repository/android_m2repository_r32.zip-m2repository/com/android/support/cardview-v7/23.4.0/cardview-v7-23.4.0.aar-23.4.0.0
AndroidResources: https://dl-ssl.google.com/android/repository/android_m2repository_r32.zip-m2repository/com/android/support/cardview-v7/23.4.0/cardview-v7-23.4.0.aar-23.4.0.0
Xamarin.Android.Support.v7.MediaRouter
JavaLibraryReference: https://dl-ssl.google.com/android/repository/android_m2repository_r32.zip-m2repository/com/android/support/mediarouter-v7/23.4.0/mediarouter-v7-23.4.0.aar-23.4.0.0
JavaLibraryReference: https://dl-ssl.google.com/android/repository/android_m2repository_r32.zip-m2repository/com/android/support/mediarouter-v7/23.4.0/mediarouter-v7-23.4.0.aar-23.4.0.0
AndroidResources: https://dl-ssl.google.com/android/repository/android_m2repository_r32.zip-m2repository/com/android/support/mediarouter-v7/23.4.0/mediarouter-v7-23.4.0.aar-23.4.0.0


Please double-click here to install it.         0   
根據最後一行指示,雙擊該行進行升級。
enter image description here
根據訊息,應該是直接到 Google 那哩,直接下載所欠缺的 Android SDK 到電腦上。
接著,嘗試重建核心PCL專案與Android原生專案。
底下為現在測試的環境與版本
Visual Studio Enterprise 2017 RC
Xamarin 4.3.0.241
Xamarin.Android 7.0.99.160
Xamarin.iOS 10.4.0.1
enter image description here

沒有留言:

張貼留言