使用Xamarin開發手機聊天程式 -- 基礎篇（大量圖文講解 step by step，附源碼下載）

標籤：引用   介面   ima   相互   frame   流程   需要   www.   代碼   

        如果是.NET開發人員，想學習手機應用開發（Android和iOS），Xamarin 無疑是最好的選擇，編寫一次，即可發布到Android和iOS平台，真是利器中的利器啊！而且，Xamarin已經被微軟收購併被大力推廣，.NET開發人員將時間投資在Xamarin上，以應對移動開發的熱潮，應該是值得的。

        好了，廢話不多說，就開始吧。本系列文章將詳細介紹如何使用Xamarin開發出一個簡單的即時通訊IM聊天系統（文末有源碼下載，可先睹為快），本文作為第一篇基礎篇，將著重介紹Xamarin Android和Xamarin iOS環境的搭建，包括安裝、設定、模擬器、部署、運行調試等。本系列後面的文章將詳細介紹手機聊天系統結構原理和具體代碼實現。

一.搭建環境

1. 安裝 Xamarin。

     VS2017已經整合了Xamarin，只要在安裝的時候，將“使用.NET的移動開發”選項勾選上，即可。

      

2.設定Xamarin Android。

（1）啟動VS 2017之後，開啟菜單 工具->選項->Xamarin->Android設定，在設定面板上做如下設定：

        

（2）使用 Genymotion 作為安卓模擬器。

3.設定Xamarin iOS。

（1）在我的MacBook筆記本上安裝 Visual Studio for Mac。

（2）在MacBook的系統喜好設定 中找到“共用”選項，開啟“共用”介面如下。 開啟遠端管理和遠程登入。

         

（3）在PC端VS “工具” 選擇卡中依次選擇 IOS ->Xamarin.Mac代理，點擊左下方的“Add Server”按鈕，輸入對應遠程Macbook機器的IP，並進行登入。

         

（4）登入成功後，介面上會顯示如下連結的表徵圖表示遠程成功。

          

（5）串連成功後，在VS中就可以進行調試MAC機器上的模擬器或者真機了。

         

（6）在PC端VS中，開啟菜單 工具->選項->Xamarin->iOS設定，在設定面板上做如下設定：

        

　　

二. 建立Xamarin.Forms項目、編譯

　　Xamarin.Forms 是Xamarin提供的一個套件，用於跨移動平台的Form應用開發，所以，如果是使用Xamarin開發App，那麼，Xamarin.Forms 將是很好的選擇。

1.建立一個Cross-Platform跨平台項目，選擇Cross Platform App（Xamarin）。

　　　　 

2.項目建立成功後，會在解決方案管理器中，產生三個項目。

　　 

　　 XamarinDemo 項目是可移植的類庫，App的絕大部分邏輯和UI都是在其中完成。

　　 XamarinDemo.Droid 項目對應了安卓版本，XamarinDemo.iOS 項目對應了iOS版本，它們都引用了 ESFramework.XamarinDemo 項目。

　　 對於一般簡單的應用而言，只需要在XamarinDemo中編寫代碼就可以了，XamarinDemo.Droid 和 XamarinDemo.iOS中的代碼只需要做少量修改。　　 

3.編譯 XamarinDemo.Droid 項目

        在解決方案管理器中選中 XamarinDemo.Droid 項目，右鍵->屬性，開啟設定面板。

 　　

　　在項目屬性面板中，要選擇編譯所使用的安卓SDK的版本號碼，我選擇的是最新6.0。

4.編譯 XamarinDemo.iOS 項目

       在解決方案管理器中選中 XamarinDemo.iOS項目，右鍵->屬性，開啟設定面板。

       

        在項目屬性面板中，選擇編譯所支援的CPU體繫結構，由於現在是使用iOS模擬器，所以選擇x86_64。

        如果是使用真機調試，則應該選擇 ARMv7+ARMv7s+ARM64。

三.部署、調試

　　編譯成功後，就可以嘗試部署到虛擬機器，並運行調試了。

1. 安卓版本

（1）啟動安卓虛擬機器。

   　運行上述的Genymotion。　　

       

       選擇6.0的虛擬機器，點擊Start按鈕運行起來。

       

（2）部署

　　在VS上的工具列，選擇剛才啟動的虛擬機器執行個體Genymotion Custom Phone - 6.0.0，點擊調試按鈕（綠色的三角形），即可開始部署、啟動並執行流程。（注意，要選擇Debug模式）

　　

（3）調試

　　部署運行成功後，模擬器就會顯示demo App 的UI介面：

　　　　

　　此時，可以在源碼中加入斷點開始偵錯工具了。

2.iOS版本

（1）啟動虛擬機器

      

（2）在VS上的工具列，選擇iPhone 6 Plus iOS 11.2，點擊調試按鈕（綠色的三角形），即可開始部署、啟動並執行流程。

        

（3）調試

　　部署運行成功後，模擬器就會顯示如下Demo的登入介面：

        

四.源碼下載

　　雖然還未正式開始介紹聊天程式的代碼實現，但是還是先將demo的源碼分享給大家，基於以上介紹的內容，大家已經可以將demo運行起來看效果了。並且，源碼中除了Xamarin移動端外，還包含了聊天服務端和PC用戶端以及WebSocket用戶端，而且，Xamarin移動端和PC用戶端以及Web端之間都可以相互聊天哦！

　　下面是手機端啟動並執行：

　　            

（1）源碼：服務端+PC用戶端 （基於VS 2010）

（2）源碼：Xamarin 移動端（包括Android 和 iOS）　   （基於VS 2017）

　　最後，在使用Xamarin開發本Demo的過程中，踩過了很多很多的“坑”，對這些坑的解決方案我們也會在本系列的文章中分享出來，如此能為後來者節省一些時間。敬請期待！

　　

使用Xamarin開發手機聊天程式 -- 基礎篇（大量圖文講解 step by step，附源碼下載）