Xamarin.Forms Xamarin GorillaPlayer

Xamarin.Forms #Preview #Gorilla Player

江崑成 2018/12/28 10:18:19
533

Xamarin.Forms #Preview #Gorilla Player


簡介

Xamarin.Forms live preview. => Save your life.

作者

江崑成


Xamarin.Forms #Preview #Gorilla Player

前言

開發 Xamarin.Forms 的專案時,在變更 Xaml 檔後,通常需要經過編譯後才可以重新看到畫面,時間短則 30 秒,長則好幾分鐘,為了拯救自己的肝,所以找了幾個可以即時得到結果的套件,目前有以下幾個:

  • Gorilla Player(MAC、Windows)
  • LiveXAML(MAC、Windows)
  • Xamarin Live Reload(Windows)

本篇主要會以 Gorilla Player 的 MAC 版本進行說明。

Register & Install

先到 Gorilla Registration 進行註冊,之後會收到一封驗證網址,驗證後下載 Gorilla.Player-1.5.0.dmg(MAC) 或 Gorilla.Player.Setup.1.5.0.exe(Windows) 進行安裝,安裝後可看到以下畫面。

Open Sample

若安裝時有選擇 Install Sample,點選 Icon 後選擇「Show Player and Samples Location」會自動開啟 Sample 所有位置。

Gorilla Player Install

開啟 Sample 中的 Player 將 Gorilla Player 安裝至模擬器。

Preview

接著選取 xaml 就會出現畫面囉

Without Gorilla Player

在目前最新的 Gorilla 中,我們也可以不用再透過額外安裝 Gorilla Player 來開始進行 Preview,只要安裝 Gorilla 的 Nuget Package,就會進行自動連線,會比較方便。

Install Nuget Package

Step 1. 選擇專案透過 Nuget 安裝 Package,需要安裝的專案如下:

  • Xamarin.iOS
  • Xamarin.Droid

Step 2. 因為還沒正式 Release,所以需要開啟 show pre-release packages,並搜尋 UXDivers.GorillaPlayer.SDK.AutoConfig 即可看到該套件,請點選「Add Package」。

Set Define Symbols。

Run Debug Mode

Step 1. 透過 Debug Mode 執行專案,則會到看連線畫面。

Preview

接著選取 xaml 就會出現畫面囉

結論

Gorilla 不需要直接專案即可進行 Preview,但也是因為這樣,所以並不是使用實際的資料,
而是透過自己需要準備範例資料的 json 檔,才可以正常進行 Preview,使用上仍是比較不方便。

參考資料

文章內容的敘述如有錯誤及觀念不正確,請不吝嗇指教,如有侵權內容也請您與我反應。感謝您~

Gorilla Player

江崑成