一、 前言

這十來天對Xamarin的學習踩了很多的坑，說來也是一把心酸淚，下面為大家一 一道來，並提供這些天收集到的能用的例項原始碼，放在文末分享給大家，都是完整帶包的解決方案可能會比較大（大多是翻牆到google找到的，也有個仿新聞的app是國人寫的）。

二、 後續更新預覽

1、 Xamarin.forms環境搭建

2、 啟動頁（含圖片載入）

3、 頁面跳轉

4、 Grid佈局

5、 圓狀頭像

三、 Xamarin介紹

如果您對介紹不感興趣，可以跳過此段。本人總結的內容絕非照抄。

1、 Xamarin可跨Android、IOS、Windows（手機）三端。

2、 Xamarin微軟收購的，原來是收費的，現在免費了。

3、 Xamarin的前身是mono，所以編譯的時候會用到mono的包。

4、 我們現在使用的是Xamarin.forms而不是Xamarin了。

5、 用Xamarin開發安卓app的朋友請收藏：https://developer.xamarin.com/api/root/MonoAndroid-lib/

四、 完整環境搭建

首先，為了避免給大家帶來不必要的麻煩，我把我的環境介紹一下（但不是說您一定需要這樣的環境）：

VS2017 Enterprise，Windows10 1809

VS2017安裝的首頁把Xamarin勾上安裝，如果你忘了勾選Xamarin，如下圖開啟installer，把Xamarin勾選上。

1、 安裝Xamarin的外掛

 2、 下載Xamarin.Andriod Templates Pack

3、 檢查是否安裝了Xamarin.Android SDK

4、 安裝指定版本的安卓SDK

當時我是不懂，為了適應下載下來的專案，所以下載很多的SDK。這個坑我踩過了，經驗是選指定需要的SDK版本就可以了。

環境到這裡就完成了，只是如果專案後面需要一些Nugget包，再逐個下載。

附加：真機除錯

電腦上插上資料線連線電腦，在手機上面開啟開發者模式。

選擇USB配置MIDI：

然後檢視VS上面的執行是否變成了你手機的名稱；如果是，直接執行就可以了。

五、 所有app原始碼demo

給大家講一下這些例項有哪些地方找哪個demo參考，希望能給你節約一些時間。

1、 Topeka

2、 DemoApp

這是一個有很多功能頁面的例子，佈局那些都可以參考一下。下面簡單抓了兩個圖：

3、 TabbedNavigate

頁面跳轉和基礎導航欄的生成的方式。

4、 快遞大師

這個主要參考如何嵌入HTML程式碼在Xamarin.forms裡面。

5、 仿某新聞app的Demo

除了登入頁面，可以參考啟動頁，下部導航欄，個人頁面佈局，加號彈出模態框，還有！就是初始安裝的三張引導頁面。唯一的不足是存在bug。

6、 Xamarin.TV Scripts

這個主要是參考SQLite資料庫的使用方式，還有就是頁面佈局。

7、 IntelligentWorld

參考一下啟動頁和側滑頁面。

原始碼來源不易，有積分的話點這裡：https://download.csdn.net/download/qq_41647999/10848828

沒有積分點這裡：https://pan.baidu.com/s/1Na1LrHQ8piEfCpTxHNPxpA   提取碼：qy1v
最後，感謝您的閱讀。