XamarinForms教程構建XamarinForms開發環境

構建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人！