天天看點

xmarin live player 連接配接 IOS以及安卓實作實時效果檢視

原文:

xmarin live player 連接配接 IOS以及安卓實作實時效果檢視 在之前有介紹過xamarin 單獨IOS項目開發的運作環境搭建

,但是這段時間我看到了xmarin forms 3.0 

這東西竟然可以做都使用C#開發( IOS、Mac、安卓、UWP) APP應用,而且還是UI和邏輯都是共用一份。

這就很強大了!果然微軟的野心還是有的,這個一統江湖的夢怕我都不知道怎麼說了。

今天就來說下在開發xmarin forms 3.0應用的時候,如何使用xmarin live player進行實時的效果檢視以及體驗互動效果。

開始前的一些準備工作:

1、你要準備一部蘋果手機、一部安卓手機

2、安裝一個最新版的VS2017開發工具(安裝的時候記得把 xmarin 開發選上)

xmarin live player 連接配接 IOS以及安卓實作實時效果檢視

在單個元件裡面,調式和測試一欄把實時調試器選上,這樣VS就自帶安裝了xmarin live player了

xmarin live player 連接配接 IOS以及安卓實作實時效果檢視

3、安卓手機通過谷歌商店安裝xmarin live player應用

4、蘋果手機通過TestFlight 安裝xmarin live player應用 

5、蘋果和安卓手機要連接配接和電腦使用的網絡相同的WIFI

好了接下來就開始說明怎麼使用xmarin live player進行實時的效果檢視以及體驗互動效果

在你使用xmarin forms 3.0建立應用之後(

官方文檔有基礎項目案例

在使用之前你要在VS裡面打開工具->選項 在xmarin把xmarin live player啟用選項勾上

xmarin live player 連接配接 IOS以及安卓實作實時效果檢視

然後在VS的工具->xmarin live player->裝置管理

xmarin live player 連接配接 IOS以及安卓實作實時效果檢視

這個時候會顯示一個如下的界面

xmarin live player 連接配接 IOS以及安卓實作實時效果檢視

使用你的手機xmarin live player應用掃一掃VS xmarin live player 生成的二維碼

xmarin live player 連接配接 IOS以及安卓實作實時效果檢視

完成之後等待一會,你就可以在VS xmarin live player 上面看到你的裝置連接配接情況了。

這個時候就算連接配接全部完成了。但是記住不要按F5運作項目,這樣是沒有用的!(本人就在這裡卡了很久,VS會自動結束運作)

你應該在你的解決方案的地方選擇你要運作的項目,設定為啟動項

xmarin live player 連接配接 IOS以及安卓實作實時效果檢視

設定好了之後你可以在你的項目裡面選擇好你要檢視效果的頁面打開,然後在工具->xmarin live player->實時檢視效果

xmarin live player 連接配接 IOS以及安卓實作實時效果檢視

這個時候你會發現VS的狀态欄下面會開始顯示正在連接配接到裝置、正在部署等一系列情況

xmarin live player 連接配接 IOS以及安卓實作實時效果檢視

等待一會你就可以在你的蘋果或安卓手機上看到頁面效果了!

這還不是重點,接下來說的才是重點。

你可以修改你的頁面代碼然後儲存,你會發現你裝置上的頁面效果也一起發生了改變(看網絡情況和裝置的性能會有一定的部署時間)

以上就是這次的使用步驟!!! 有不對的地方可以留言讓我修改!!!謝謝!!!