XAML in Xamarin.Forms 基礎篇 電子書

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

Xamarin.Forms 快速入門 電子書

Xamarin.Forms 快速入門 電子書
Xamarin.Forms 快速入門 電子書
顯示具有 Visual Studio 標籤的文章。 顯示所有文章
顯示具有 Visual Studio 標籤的文章。 顯示所有文章

2019/04/18

Xamarin.Forms 之 XAML 設計預覽

當 Visual Studio 2019 推出之後,我個人覺得最為振奮的一個新功能就是,Xamarin.Froms 的頁面預覽功能,也就是說,當在進行 Xamarin.Forms 的頁面內容設計的時候,只要在 XAML 上進行各種修正或者增刪動作的時候,可以即時看到這個頁面的實際執行時期的效果。

了解更多關於 [Xamarin.Android] 的使用方式
了解更多關於 [Xamarin.iOS] 的使用方式
了解更多關於 [Xamarin.Forms] 的使用方式
了解更多關於 [Hello, Android:快速入門] 的使用方式
了解更多關於 [Hello, iOS – 快速入門] 的使用方式
了解更多關於 [Xamarin.Forms 快速入門] 的使用方式
現在,使用 Prism Template Pack 專案樣板來建立一個專案(在這個時間點,所使用的 Prism Template Pack 擴充功能版本為 2.1.6 ),並且打開 MainPage.xaml 這個檔案,在 MainPage.xaml 視窗的右上方,可以參考下圖,會有兩個按鈕圖示,可以用於切換該頁面要顯示 XAML 設計語言或者是預覽實際執行結果。
因此,想要進行預覽頁面的時候,請點選 [設計] 圖示,而想要查看這個頁面的 XAML 語言的時候,可以點選 [來源] 圖示;不過,當在進行設計頁面的時候,需要這樣反覆的切換,似乎也顯得不太方便,因此,個人通常會使用該視窗右下角的 [垂直分割] 這個功能,將這個 XAML 語言與預覽部分,同時顯示在螢幕上。
可是,現在看到在預覽子視窗中看到底下的錯誤訊息,並且是無法預覽到這個頁面的執行結果畫面。
Xamarin.Forms 預覽程式已經更新,現在需要 Xamarin.Forms 3.6 或更新版本。請將您的專案升級成最新版的 Xamarin.Forms 來啟用預覽程式。
因此,使用滑鼠右擊 Xamarin.Forms 的 [方案],選擇 [管理方案的 NuGet 套件],接著點選 [更新] 這個標籤頁次
勾選 [選取所有封裝] 這個檢查盒,接著,點選 [更新] 按鈕,將所有的套件更新到最新版本
下圖為此次更新的所有相關套件清單,直接點選 [確定] 按鈕,完成更新動作
完成後,將 [MainPage.xaml] 視窗關閉起來,並且重新開啟這個檔案,如此,就會看到該頁面的預覽效果了
現在,請在這個 MainPage.xaml 頁面上,填入底下的 XAML 語言,此時,就會看到在螢幕右方的 XAML Previewer 預覽器畫面,即時呈現出這個剛剛加入的 XAML 項目內容。
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"
             x:Class="BlankApp5.Views.MainPage"
             Title="{Binding Title}">

    <StackLayout HorizontalOptions="CenterAndExpand" VerticalOptions="CenterAndExpand">
        <Label Text="Welcome to Xamarin Forms and Prism!" />
        <Label Text="XAML Preview" />
        <Button Text="確定"/>
        <BoxView Color="Red"/>
        <ProgressBar Progress="70"/>
    </StackLayout>

</ContentPage>



2019/04/12

Visual Studio 2019 for Xamarin 之安裝與設定 Part5 - 測試與確認開發環境可以進行 Xamarin.Forms 專案開發與結論

Visual Studio 2019 for Xamarin 之安裝與設定 Part5 - 測試與確認開發環境可以進行 Xamarin.Forms 專案開發與結論

Visual Studio 2019 for Xamarin 之安裝與設定 Part5 - 測試與確認開發環境可以進行 Xamarin.Forms 專案開發與結論

對於已經具備擁有 .NET / C# 開發技能的開發者,可以使用 Xamarin.Forms Toolkit 開發工具,便可以立即開發出可以在 Android / iOS 平台上執行的 App;對於要學習如何使用 Xamarin.Forms & XAML 技能,現在已經推出兩本電子書來幫助大家學這這個開發技術。
這兩本電子書內包含了豐富的逐步開發教學內容與相關觀念、各種練習範例,歡迎各位購買。
Xamarin.Forms 電子書
想要購買 Xamarin.Forms 快速上手 電子書,請點選 這裡

想要購買 XAML in Xamarin.Forms 基礎篇 電子書,請點選 這裡

了解更多關於 [Xamarin.Android] 的使用方式
了解更多關於 [Xamarin.iOS] 的使用方式
了解更多關於 [Xamarin.Forms] 的使用方式
了解更多關於 [Hello, Android:快速入門] 的使用方式
了解更多關於 [Hello, iOS – 快速入門] 的使用方式
了解更多關於 [Xamarin.Forms 快速入門] 的使用方式


您必須要確實進行這些檢查與測試工作,確保您的 Xamarin.Forms 開發環境可以正常運作。
  • 測試可以建立 Xamarin.Forms 專案
  • 建置與執行 Android 專案
  • 建置與執行 iOS 專案
  • 建置與執行 UWP 專案

測試可以建立 Xamarin.Forms 專案

  • 請在開啟 Visual Studio 2019 程式,並且,點選功能表
    檔案 > 新增 > 專案
    Visual Studio 2019 建立新的專案
  • 在 新增專案 對話窗中,請在中間上方的文字輸入盒中輸入 Prism 搜尋出所有與 Prism 有關的專案範本
    在中間選項中,點選 Prism Blank App (Xamarin.Forms),最後點選對話窗右下方的 下一步 按鈕
    新增專案 對話窗
  • 當 設定新的專案 對話窗出現後,在該對話窗的相關欄位,填入適當的文字,最後點選對話窗右下方的 建立 按鈕
    設定新的專案 對話窗
  • 出現了 PRISM PROJECT WIZARD 對話窗
    請依照需求,勾選需要支援的行動狀裝置平台,並且,在下方的 Container 下拉選單欄位,選 Unity
    完成後,請點選該對話窗下方的 CREATE PROJECT 按鈕
    New Cross Platform App 對話窗
  • 此時卻出現了 檢閱方案動作 對話窗,其內容為
    需要 Visual Studio 更新
    下列專案需要平台 SDK (UAP, Version=10.0.16299.0),但其未安裝,或為 Visual Studio 日後更新的一部分
    請安裝平台 SDK,已開啟這些檔案。
    您也可以更新您的專案,指定需要安裝的 SDK:
    Target version: Windows 10, version 1809 (10.0; 組建 17763)
    所以,請點選 安裝 按鈕,進行安裝所需要的 SDK
    New Cross Platform App 對話窗
    此時,Visual Studio 2019 對話窗將會出現,請點選右下方的 安裝 按鈕
    New Cross Platform App 對話窗
    現在,Windows 10 SDK (10.0.16299.0) 將會進行安裝
    New Cross Platform App 對話窗

建置與執行 Android 專案

  • 當 Xamarin.Forms for Prism 專案建立完成後,請使用滑鼠右擊 Android 專案
    選擇 設定為起始專案
    在方案總管中設定預設起始專案
  • 此時,您會在 Visual Studio 2019 中間上方區域,看到 啟動專案已經設定為 Android 專案,並且要執行的裝置為 VS Emulaor 5.2-inch Marshmallow (6.0.0) XXHDPI Phone (Android 6.0 API 23) 這個模擬器
    請點選有綠色三角形的模擬器項目,開始建置與在這個模擬器上來執行
    執行 Android 專案
  • 由於第一次進行專案建置,需要下載許多 NuGet 套件,因此,需要花費一些時間,請耐心等候一下,底下是成功執行完成的畫面
    Xamarin.Forms 的 Android 專案成功執行結果
  • 停止這個 Android 專案的執行 (點選工具列上的紅色正方形按鈕)

建置與執行 iOS 專案

  • 滑鼠右擊 iOS 專案
    選擇 設定為起始專案
  • 建議顯示 iOS 工具列
    請點選功能表 [檢視] > [工具列] ,請勾選 [iOS] 這個功能表項目
    顯示 iOS 輔助工具列圖示
    現在,可以在 Visual Studio 2019 最上方的工具列中,看到 iOS 使用的相關工具圖示
    Pair to Mac 圖示
  • 點選上方圖片中,紅色箭頭指向的圖示, [Pair to Mac - Disconnected]
    當然,這個操作也是可以從功能表中點選 [工具] > [iOS] > [與 Mac 配對]
    從功能表中來啟用 與 Mac 配對 功能
  • 現在 與 Mac 配對 對話窗將會出現
    然而,Visual Studio 將會搜尋網路上是否有可以遠端存取的 Mac 電腦,若有存在的話,該台 Mac 電腦就會出現在清單中
    自動掃描網路並且是有開啟遠端存取的 Mac 電腦
  • 在 Select a Mac 清單內,找到您的 Mac 電腦,並且使用滑鼠雙擊這個項目,此時,將會出現 [連線到 Mac] 對話窗,請在這個對話窗中,輸入遠端登入 Mac 電腦的使用者名稱與密碼,完成後,點選 [Login] 按鈕
    輸入要遠端登入到 Mac 電腦的使用者帳號與密碼
    不過,在這裡強烈建議在 Visual Studio 的 [輸出] 視窗中,切換 [顯示輸出來源] 清單項目成為 [Xamarin],因為,接下來要對遠端 Mac 電腦進行各種登入、更新等動作,都可以在這裡看到相關日誌訊息,最重要的是,當您無法連線到遠端的 Mac 電腦或著覺得連線速度有些緩慢,便可以從這些輸出日誌內容,找到真正發生的原因。
    Windows 電腦與 Mac 電腦存取的日誌
    像是底下的為一個登入 Mac 電腦失敗的情境,在這裡顯示出 嘗試存取通訊端被拒絕,因為存取權限不足 錯誤訊息,此時,可以從 Visual Studio 輸出視窗中,看到更加詳細的資訊。
Checking host configuration for connecting to '李進興的 MacBook Air'...
Checking SSH configuration...
正在檢查可用的磁碟空間...
正在檢查 Mono 安裝...
正在檢查 Xamarin iOS 安裝...
Checking host configuration for connecting to '李進興的 MacBook Air'...
Host '李進興的 MacBook Air' is configured correctly
Starting connection to '李進興的 MacBook Air'...
Starting connection to '李進興的 MacBook Air'...
Starting disconnection from 李進興的 MacBook Air...
Starting disconnection from 李進興的 MacBook Air...
The connection to '李進興的 MacBook Air' has been finished
Couldn't connect to 李進興的 MacBook Air. Please try again.
與 Mac 電腦連線失敗範例
  • 當與遠端 Mac 電腦連線成功之後,工具列上的 [Pair to Mac] 圖示將會變成綠色螢幕,而且在 [與 Mac 配對] 對話窗中,剛剛連線的 Mac 電腦項目的右方,也會出現一個已經連線的圖示,也就是說,現在可以開始建置與執行 iOS 的專案了。
    與 Mac 電腦連線成功的畫面
  • 請點選功能表的 [工具] > [選項],當 選項 對話窗顯示之後,請在左邊清單,展開 [Xamarin] 節點,找到 [iOS 設定] 項目,請確認右方的 [遠端 Simulator 到 Windwos] 選項要有勾選,最後點選右下方的 [確定] 按鈕
    啟用 遠端 Simulator 到 Windwos
  • 請在 Visual Studio 2019 最上方的工具列中,找到 [方案平台] 下拉選項,請在這裡選擇 [iPhoneSimulator] 這個選項,此時,右方下拉選項就會顯示出遠端 Mac 電腦中的各式模擬器清單,選擇一個適合您的模擬器項目,接著點選該項目的綠色按鈕,開始建置與執行 iOS 專案。
    切換使用 iOS 模擬器來進行除錯
  • 底下將會是成功執行 iOS 專案的畫面,也就是說,當要模擬器來進行 iOS 專案執行或除錯的時候,iOS 模擬器將會直接顯示在 Windows 電腦中,如此,就不需要在進行開發過程,同時關注兩個系統螢幕上出現的內容了。
    Xamarin.Forms 的 iOS 專案成功執行結果
  • 停止 iOS 專案的執行

建置與執行 UWP 專案

  • 使用滑鼠右擊 UWP 專案
    選擇 設定為起始專案
  • 點選 Visual Studio 2019 最上方工具列綠色三角形的本機電腦
    底下將會是成功執行 UWP 專案的畫面
    Xamarin.Forms 的 UWP 專案成功執行結果
  • 停止 UWP 專案的執行

結論

若您的 Visual Studio 2019 可以成功建立 Xamarin.Forms 專案,可以建置在 Android / iOS / UWP 平台下執行,那麼,恭喜您,您的 Visual Studio 2019 開發環境,已經可以正常進行 Xamarin.Forms 跨平台專案開發了




2019/04/11

Visual Studio 2019 for Xamarin 之安裝與設定 Part4 - 安裝 Android 使用的模擬器


Visual Studio 2019 for Xamarin 之安裝與設定 Part1 - 安裝前的準備工作

Visual Studio 2019 for Xamarin 之安裝與設定 Part1 - 安裝前的準備工作
Visual Studio 2019 for Xamarin 之安裝與設定 Part2 - Visual Studio 2019 安裝與相關相關設定 1
Visual Studio 2019 for Xamarin 之安裝與設定 Part3 - Visual Studio 2019 安裝與相關相關設定 2
Visual Studio 2019 for Xamarin 之安裝與設定 Part4 - 安裝 Android 使用的模擬器
Visual Studio 2019 for Xamarin 之安裝與設定 Part5 - 測試與確認開發環境可以進行 Xamarin.Forms 專案開發與結論




了解更多關於 [Xamarin.Android] 的使用方式
了解更多關於 [Xamarin.iOS] 的使用方式
了解更多關於 [Xamarin.Forms] 的使用方式
了解更多關於 [Hello, Android:快速入門] 的使用方式
了解更多關於 [Hello, iOS – 快速入門] 的使用方式
了解更多關於 [Xamarin.Forms 快速入門] 的使用方式


在 Xamarin 開發工具下,可以選擇使用 Visual Studio 內建的 Visual Studio for Android Emulator 模擬器 與 Google Android 原生模擬器 這兩個模擬器的其中一個,當然,也可以選擇其他類型的 Android 模擬器,不過,對於無法在電腦上執行模擬器的情境下,是可以選擇使用實體裝置來進行開發和測試;不過,前面提到的兩者差異在於前者比較不耗用 CPU 資源,但是,卻沒有預設安裝 Google Play Server,這對於有些開發應用上會比較麻煩,因為這些應用程式需要裝置上有運行 Google Play Server。
由於這裡將會使用 Google Android 原生模擬器與搭配 Intel HAXM 虛擬化技術,所以在安裝 Visual Studio 2019 的過程中,將會都安裝起來了,現在可以直接來使用與設定這個模擬器。
  • 安裝與啟動 Google Android 原生模擬器

安裝與啟動 Google Android 原生模擬器

  • 開啟 Visual Studio 2019 程式
  • 點選啟動後的視窗右下方的 不使用程式碼繼續 連結
  • 請在 Visual Studio 程式中,點選功能表 工具 > Android > Android Device Manager
  • 接著會出現 使用者帳戶控制 對話窗,請點選 是 按鈕
    使用者帳戶控制 對話窗
  • 當 Android Device Manager 視窗出現後,請在第一個項目 VisualStudio_android-25_x86_phone ,使用滑鼠右擊這個項目,接著選擇 編輯選項
    修改 Android Device Manager 的模擬器項目
  • 此時會出現一個新的對話視窗,顯示這個模擬器之相關設定內容
    VisualStudio_android-25_x86_phone 對話窗
  • 請點選左下方的 基本設備 下拉選單,選擇 Nexus 6 項目,現在將會看到一個警告對話窗,請點選 更改和重置 按鈕
    更改基本設備將重置所有屬性
  • 在 VisualStudio_android-25_x86_phone 對話窗的左下方,勾選 Google Play Store 選項,最後點選該對話視窗右下方的保存按鈕。
    VisualStudio_android-25_x86_phone 對話窗
  • 當出現 接受授權 對話窗,請點選 接受 按鈕。
    若沒有出現這個對話窗,可以跳過,繼續下一個設定動作
    接受授權 對話窗
  • 當模擬器下載完成之後,請點選 啟動 按鈕。
    模擬器下載完成
  • 接著會出現 未安裝模擬器程式實用工具 對話窗,請點選 是 按鈕。
    未安裝模擬器程式實用工具 對話窗
  • 當 接受授權 對話窗出現之後,請點選右下角的 接受 按鈕
    接受授權 對話窗
  • 當 Android Emulator 軟體安裝完成之後,請重新點選 啟動 按鈕
  • 現在可以開始使用 Google Android 所提供的模擬器,該模擬器中已經預設安裝了 Google Paly 服務應用程式
    Google Android 所提供的模擬器成功啟動




2019/04/10

Visual Studio 2019 for Xamarin 之安裝與設定 Part3 - Visual Studio 2019 安裝與相關相關設定 2

Visual Studio 2019 for Xamarin 之安裝與設定 Part3 - Visual Studio 2019 安裝與相關相關設定 2


了解更多關於 [Xamarin.Android] 的使用方式
了解更多關於 [Xamarin.iOS] 的使用方式
了解更多關於 [Xamarin.Forms] 的使用方式
了解更多關於 [Hello, Android:快速入門] 的使用方式
了解更多關於 [Hello, iOS – 快速入門] 的使用方式
了解更多關於 [Xamarin.Forms 快速入門] 的使用方式


接續前一篇文章,現在繼續來進行其他的安裝與設定工作

Mac 作業系統電腦開發工具之安裝與設定

現在,要來開始進行安裝 Xamarin.iOS 需要用到的開發工具,在這裡所有的操作過程,將會採用一台全新新安裝的 macOS 系統,來進行執行過程步驟的解說說明。
在這裡的 macOS 將會是 Mojave 10.14.3 版本,想要知道這台 Mac 電腦的作業系統版本,可以從位於畫面左上角落的「蘋果」選單中,選擇「關於這台 Mac」,就可以查看的到。
macOS Mojave 版本資訊

安裝 Xcode 開發人員工具

Xcode 提供建置 iOS 應用程式所需要用到的 SDK & IDE,因此,要在 Mac 電腦上能夠開發出 iOS 應用程式,就一定需要安裝這套開發工具。
  • 打開 App Store 圖示
  • 在左上方搜尋文字輸入盒,輸入 Xcode
    搜尋 Xcode 這個關鍵字
  • 當按下 Enter 按鍵之後,就會在第一個項目看到了 Xcode 這個 iOS 開發工具必備的軟體
    搜尋出 Xcode 開發工具
  • 點選 Xcode 這個項目,此時將會顯示 Xcode 這個開發人員工具的介紹內容,請點選該頁面右上方的下載圖示,以便進行下載與安裝這個軟體。
    開始下載與安裝 Xcode
  • 現在,為了要能夠從 App Store 下載這個 Xcode 軟體,此時,請在螢幕最上方的對話窗內,輸入您的 Apple ID 與 密碼,完成後,請點選 [好] 按鈕。
    輸入 Apple ID 和密碼
    此時,剛剛點選的下載圖示
    準備要下載的按鈕圖示
    將會變成底下截圖,顯示出現在正在下載的進度,因此,在此需要等候 Xcode 這個開發人員工具下載完成,畢竟,這的軟體檔案大小也是很大的,需要花些時間來下載。
    正在進行下載的按鈕圖示
  • 當下載完成之後,在該視窗的右上方將會看到 [打開] 按鈕,請點選這個 [打開] 按鈕。
    下載完成後的按鈕圖示
  • 現在,將會看到 Xcode 已經啟動了,並且顯示一個 [Xcode and iOS SDK License Aggreement] 對話窗,這裡需要您同意接受 Xcode 的使用授權,因此,請點選該對話窗右下方的 [Agree] 按鈕
    接受 Xcode 開發工具使用授權
  • 此時,需要輸入這台系統的管理這帳號與密碼,以便進行 Xcode 需要處理的工作,因此,當輸入完成使用者名稱與密碼之後,請點選該對話窗右下方的 [好] 按鈕。
    輸入安裝檔案到電腦上的帳號與密碼
  • 現在,等候 Xcode 安裝相關元件到系統上
    正在進行安裝 Xcode 軟體
  • 當看到底下的畫面出現之後,那就表示在這台 Mac 電腦上的 Xcode 開發人員工具已經安裝好了。
    Xcode 安裝完成的畫面

安裝 Visual Studio for Mac

Visual Studio for Mac 可以讓開發人員在這個 Mac 電腦上直接開發 Xamarin & ASP.NET Core 類型的專案,另外一個重要的功能那就是提供與 Windows 作業系統上的 Visual Studio 2019 相關建置 iOS 專案的能力。
  • 現在,請打開 Safai 應用程式,搜尋 Visual Studio for Mac,將會看到第一個搜尋結果 [Visual Studio for Mac | Visual Studio],請打開這個頁面
    搜尋 Visual Studio for Mac 產品
  • 在這裡,請點選左上方的 [下載 Visual Studio for Mac] 下載按鈕,開始下載這個安裝工具。
    Visual Studio for Mac 官方網頁來下載安裝軟體
  • 當安裝軟體下載完成之後,請在 [下載完成] 找到這個項目,並且打開這個檔案。
    打開並執行下載完成的安裝檔案
  • 當這個檔案載入並且執行完成之後,將會出現如同底下畫面,請點選下載按鈕圖示,開始安裝 Viusl Studio for Mac
    啟動 Visual Studio for Mac 安裝程式
  • 現在出現一個對話窗,顯示 [「Install Visual Studio for Mac」是一個從 Internet 下載的 App,確定要打開嗎?],請點選該對話窗右下方的 [打開] 按鈕
    確認要開啟
  • 此時,Visual Studio for Mac 的安裝程式啟動起來了,並且顯一個對話窗,請點選該對話窗右下方的 [繼續] 按鈕
  • 當出現如下圖,詢問希望安裝那些內容的時候,使用預設安裝選項即可,而最後一個選項 [Xamarin Workbooks] ,原則上大部分的人都不會使用到這個工具。因此,請點選該對話窗右下方的 [安裝] 按鈕。
    要安裝 Visual Studio for Mac 的元件
  • 現在,您將會看到安裝程式正在進行下載檔案,不過,此時,將會出現一個對話窗,要求您輸入這台系統的管理者帳號與密碼,以便安裝 Visual Studio for Mac 這個軟體,所以,請輸入 使用者名稱 與 密碼之後,點選該對話窗右下方的 [好] 按鈕。從這個對話窗的右下方將會看到 [macOS可能會多次需要系統密碼] 這樣的文字,而在此次安裝過程中,這個對話窗將會出現 2 次。
    授權 Visual Studio for Mac 安裝檔案到 Mac 電腦上
  • 當整個安裝過程完成之後, 會出現底下視窗,請點選右下角的 略過 按鈕。
Visual Studio for Mac 安裝完成畫面
  • 現在 Visual Studio for Mac 程式將會啟動起來,並且顯示在螢幕上。
Visual Studio for Mac 安裝完成畫面

在 Mac 上啟用遠端登入

若想要在 Visual Studio 2019 for Windows 環境中,建立 Xamarin.iOS 的專案與進行除錯,就需要先在 Mac 電腦上啟用遠端登入,請在 Mac 開啟 [系統偏好設定]
系統偏好設定 圖示
接著點選 [共享] 圖示,開啟 [共享] 視窗
Mac 電腦的 共享 設定圖示
在 [共享] 視窗內,最左邊的 [服務] 清單中找到的 [遠端登入] 項目,請勾選這個項目,另外,也需要確認右下方的 允許下列使用者存取 中,要存取這台 Mac 電腦的帳號是否有被選取。
在共享對話窗中,啟用遠端登入

安裝 Prism Template Pack

  • 請回到 Visual Studio 2019 程式中,點選功能表
    延伸模組 > 管理延伸模組
    管理延伸模組
  • 當 管理擴充功能 視窗出現之後,請先在左方點選 線上 選項
    接著在右上方搜尋文字輸入盒,輸入 prism 關鍵字
    此時,您將會看到 Prism Template Pack 項目出現在清單內,請點選該項目的 下載 按鈕,安裝這個擴充功能
    安裝 Prism Template Pack
  • 若從該視窗的左邊之 更新 項目中,看到有尚未更新的選項,請點選 更新 項目
    從環境中看到 GitHub Extension for Visual Studio 需要進行更新,因此,請點選該項目中的 更新 按鈕
    管理擴充功能 更新
  • 完成之後,請關閉 擴充功能和更新 視窗與關閉 Visual Studio,以便進行更新這些擴充功能,完成後,請再度開啟 Visual Studio 2019

下載與安裝 Xamarin.Forms 專用的程式碼片段

  • 請先建立一個 Xamarin 資料夾(任何名稱皆可),在這裡,建立 C:\Xamarin
  • 請在右方方案總管視窗下方,點選 Team Explorer 標籤頁次
    請在下方的 本機 Git 存放庫 的下方,點選 複製 選項
    請在第一個文字輸入盒中輸入這個 URL : https://github.com/vulcanlee/XamarinProductive.git
    請在第二個文字輸入盒中,輸入 C:\Xamarin\XamarinProductive
    C:\Xamarin 目錄,是剛剛建立的目錄,您可以指定任何您電腦中的一個目錄
    最後,請點選 複製 按鈕
    複製程式碼片段
  • 從 Visual Studio 2019 功能表中,點選
    工具 > 程式碼片段管理員
    安裝程式碼片段
  • 在 程式碼片段管理員 視窗中,切換 語言 項目為 CSharp
    這裡很重要,若沒有切換,您的程式碼片段設定將會失敗
    安裝程式碼片段
  • 接著,在這個 程式碼片段管理員 視窗下方,點選 加入 按鈕
    請不要點選 匯入 按鈕
  • 請在剛剛出現的 程式碼片段目錄 對話窗中,切換到剛剛建立的 C:\Xamarin 目錄
    接著點選切換到 XamarinProductive 目錄下
    最後,只需要使用滑鼠點擊一下 CodeSnippetV2 這個目錄
    不需要使用滑鼠雙擊切換到這個目錄內
    現在,請點選 選擇資料夾 按鈕
    安裝程式碼片段
  • 此時將會回到 程式碼片段管理員 視窗內,您應該可以看到 CodeSnippetV2 出現在這個對話窗中。
    現在已經完成了程式碼片段的安裝
    安裝程式碼片段
  • 在 程式碼片段管理員 視窗中,切換 語言 項目為 XAML
    這裡很重要,若沒有切換,您的程式碼片段設定將會失敗
    安裝程式碼片段
  • 接著,在這個 程式碼片段管理員 視窗下方,點選 加入 按鈕
    請不要點選 匯入 按鈕
  • 請在剛剛出現的 程式碼片段目錄 對話窗中,切換到剛剛建立的 C:\Xamarin 目錄
    接著點選切換到 XamarinProductive 目錄下
    最後,只需要使用滑鼠點擊一下 CodeSnippetXAMLV2 這個目錄
    不需要使用滑鼠雙擊切換到這個目錄內
    現在,請點選 選擇資料夾 按鈕
    安裝程式碼片段
  • 此時將會回到 程式碼片段管理員 視窗內,您應該可以看到 CodeSnippetXAMLV2 出現在這個對話窗中。
    現在已經完成了程式碼片段的安裝,您可以關閉這個視窗
    安裝程式碼片段

了解更多關於 [Xamarin.Android] 的使用方式
了解更多關於 [Xamarin.iOS] 的使用方式
了解更多關於 [Xamarin.Forms] 的使用方式
了解更多關於 [Hello, Android:快速入門] 的使用方式
了解更多關於 [Hello, iOS – 快速入門] 的使用方式
了解更多關於 [Xamarin.Forms 快速入門] 的使用方式