構建XamarinForms開發環境

所謂Xamarin.Forms的開發環境，就是指在基本硬體和數字軟體的基礎上，為支援系統軟體和應用軟體的工程化開發和維護而使用的一組軟體，簡稱SDE。對於任何的程式來說，要實現開發，就需要需要構建開發環境，Xamarin.Forms應用開發也不例外。本章將講解如何構建Xamarin.Forms應用程式所需的開發環境。

Xamarin介紹

Xamarin是一個移動應用開發平臺，它提供了跨平臺開發能力。開發人員透過Xamarin開發工具與程式語言，可以開發出iOS、Android與Windows Phone等平臺的原生（Native）應用程式。本節將講解有關Xamarin的發展、工具以及特點等內容。

Xamarin的發展介紹

Xamarin從2011年被推出到現在已經經歷了將近5個年頭。在此期間，Xamarin從一個不起眼的小嘍嘍到現在在開發界眾所周知，可想而知是經歷了很多的改變，這些改變以及發展如表所示。

表1-1  Xamarin發展史

Xamarin工具的介紹

Xamarin提供了很多產品和工具，如Xamarin.Forms、Xamarin Test Cloud、Xamarin for Visual Studio、Xamarin Studio、Xamarin.Mac和.Net Mobility Scanner。而最主要的就是使用Xamarin平臺開發程式。以下是Xamarin工具的介紹。

• Xamarin Platform：它將以前單獨的iOS、Andriod和Mac OS X開發工具統一到一個平臺中。Xamarin.iOS和Xamarin.Andriod使得在Windows上可以透過Xamarin Studio或Visual Studio開發本地的iOS、Andriod和Windows應用。開發者可以重複利用自己的C#程式碼到不同的平臺上，並且不需要做太多的修改。
• Xamarin.Forms：在2014年5月8日被引入Xamrin 3中。它允許使用行動式控制子集對映到本地控制Android、iOS和Windows Phone。
• Xamarin Test Cloud：Xamarin的測試雲，可以模擬真實不同機型的UI操作，用於測試使用者的應用是否可以正常執行。
• Xamarin for Visual Studio：Xamarin申明該軟體只包含iOS、Andriod和Windows Phone的IDE外掛。該外掛主要用於Visual Studio，允許程式設計師透過Visual Studio建立並執行iOS、Andriod和Windows應用。
• Xamarin Studio：Xamarin標準的移動端IDE平臺。作為Xamarim 2.0的一部分釋出於2013年。
• Xamarin.Mac：這是Mac OS下的一款開發軟體，該軟體可以在Mac OS中進行開發移動端程式，不論是iOS還是Andriod。
• .Net Mobility Scanner：.Net Mobility Scanner可以讓開發者看到自己的.NET程式碼中有多少內容是可以執行在其它系統中的，特別是iOS、Andriod和Windows Phone。該功能使用了Silverlight並且是免費的。

Xamarin特點

Xamarin現在如此受開發者的歡迎想必有它的特點。以下就是Xamarin的幾個重要特點。

1.跨平臺

Xamarin可以使用C#語言來編寫iOS、Android、Mac、以及Windows應用程式。

2.智慧輸入

開發應用程式時，開發工具會偵測開發者輸入的部份字母，尋找對應的API並自動完成輸入，俗稱自動補全程式碼。

3.程式碼共享

現行由Objective-C所開發的iOS應用程式以及由Java所開發的Android應用程式，無法達到程式程式碼共享。Xamarin則是採用C#編寫，因此透過良好的設計，可以在不同平臺間共享商業邏輯以及資料存取等程式，無需重新編寫。除了省下重新編寫的時間成本外，對於版本維護及一致性也有相當大的幫助。

4.與Visual Studio整合

Xamarin提供了Visual Studio 2010/2012/2013/2015的plug-in，讓原本就熟悉Visual Studio的開發者不用再熟悉其他的開發工具。在建立專案時，可以直接建立iOS及Android的專案模板。開發團隊也可以將iOS 及Android的程式程式碼納入到ALM，使用Team Foundation Server進行版本及建置的管理。

5.UI設計

目前在Visual Studio中已整合Android的UI設計功能，iOS的UI編輯目前仍需仰賴Xcode。但是在Xamarin Studio中已經整合的UI的設計功能。為了方便開發者的學習，我們會使用Xamarin Studio進行iOS應用程式的開發，Xamarin Studio是Xamarin開發框架的一部分。

6.確保第一時間更新

Xamarin對於iOS及Android的版本更新不遺餘力。

上冊全文目錄

第1章  構建開發環境 1

1.1  Xamarin介紹 1

1.1.1  Xamarin發展 1

1.1.2  Xamarin工具 1

1.1.3  Xamarin特點 2

1.2  Xamarin.Forms介紹 2

1.3  開發Xamarin.Forms應用程式需要的工具 3

1.3.1  iOS應用程式 3

1.3.2  Android應用程式 3

1.3.3  Windows Phone應用程式 4

1.4  下載安裝Xcode 4

1.4.1 申請蘋果賬號 4

1.4.2 Xcode的下載安裝 8

1.5  下載安裝Xamarin.iOS 10

1.5.1  下載OS X版的Xamarin安裝包 10

1.5.2  下載安裝Xamarin.iOS 11

1.6  下載安裝Visual Studio 2015 14

1.6.1  下載Visual Studio 2015 15

1.6.2  安裝Visual Studio 2015 17

1.7  下載安裝JDK 18

1.7.1  下載JDK 18

1.7.2  安裝JDK 20

1.8  Android SDK工具下載安裝 26

1.8.1  下載Android SDK 26

1.8.2  下載安裝SDK包 29

1.8.3  下載安裝Android NDK 32

1.8.4  新建Android模擬器 33

1.9  下載安裝Windows版的Xamarin開發工具 37

1.9.1  下載安裝GTK# 37

1.9.2  下載安裝Xamarin.VisualStudio 38

第2章  編寫第一個Xamarin.Forms應用程式 42

2.1  首次啟動Visual Studio 2015 42

2.2  更新Xamarin 44

2.2.1  更新Windows版的Xamarin開發工具 44

2.2.2  更新OS X版的Xamarin開發工具Xamarin.iOS 45

2.3  建立專案 47

2.4  專案設定 48

2.4.1  啟動開發人員模式 48

2.4.2  登入Xamarin賬號 51

2.4.3  連線Mac機或者Mac虛擬機器 54

2.5  檔案介紹 62

2.6  執行程式 63

2.6.1  執行Android程式 63

2.6.2  執行iOS程式 63

2.6.3  執行Windows Phone程式 65

2.7  編寫程式碼 67

2.8  常見問題 70

2.8.1  指定Android SDK位置 70

2.8.2  快速執行Android模擬器 72

2.8.3  Windows Phone模擬器不可用 73

2.9  使用XAML構建介面 78

2.9.1  XAML介紹 78

2.9.2  建立XAML頁面 78

2.9.3  生成檔案介紹 79

2.9.4  構建介面 79

第3章  通用介面元素 81

3.1  顯示影像 81

3.1.1  顯示網路影像 81

3.1.2  顯示本地影像 83

3.1.3  定製顯示的影像 88

3.1.4  顯示彩色的矩形塊 93

3.2  顯示、編輯文字 95

3.2.1  顯示文字控制元件——標籤控制元件 95

3.2.2  輸入文字控制元件——文字框控制元件 97

3.2.3  輸入文字控制元件——文字檢視 102

3.3  鍵盤 107

3.3.1  指定鍵盤型別 107

3.3.2  指定額外的鍵盤選項 108

3.4  使用者互動 111

3.4.1  按鈕控制元件 111

3.4.2  開關控制元件 116

3.4.3  滑塊控制元件 119

3.4.4  步進控制元件 122

3.5  進度條、指示器 125

3.5.1  進度條 125

3.5.2  指示器 127

3.6  OpenGL檢視 128

3.7  提醒處理 133

3.7.1  警告檢視 133

3.7.2  操作表 138

3.8  自定義介面元素 140

3.8.1  透過子類自定義控制元件 140

3.8.2  透過自定義渲染器自定義控制元件 142

第4章  表 148

4.1  表檢視 148

4.1.1  表檢視的使用情況 148

4.1.2  表檢視的結構 148

4.1.3  表檢視的內容填充 148

4.2  列表檢視的填充 154

4.2.1  普通列表檢視的內容填充 154

4.2.2  分組列表檢視的內容填充 165

4.3  定製列表檢視的外觀 172

4.3.1  行高 172

4.3.2  頁首頁尾 173

4.3.3  分隔線 177

4.4  操作表 179

4.4.1  選擇行 179

4.4.2  下拉重新整理 182

4.4.3  新增行 185

4.4.4  刪除行 188

第5章  佈局 191

5.1  內容檢視 191

5.2  框架 192

5.3  滾動檢視 194

5.4  堆疊佈局 195

5.4.1  垂直佈局 196

5.4.2  水平佈局 197

5.5  相對佈局 199

5.5.1  相對於父容器的佈局 199

5.5.2  相對於控制元件的佈局 201

5.6  絕對佈局 204

5.7  網格 208

第6章  頁面 212

6.1  內容頁面ContentPage 212

6.2  導航頁面NavigationPage 214

6.3  主從頁面MasterDetailPage 218

6.4  標籤頁面TabbedPage 224

6.5  滑動頁面CarouselPage 228

本文選出自：Xamarin.Forms開發實戰基礎篇大學霸，轉載請註明出處，尊重技術尊重IT人！