Xamarin.Forms
Xamarin
XAML
LiveXAML
Xamarin.Forms #Preview #LiveXAML
2018/12/28 10:19:11
0
379
Xamarin.Forms #Preview #LiveXAML
簡介 |
Xamarin.Forms live preview => Save your life. |
作者 |
江崑成 |
Xamarin.Forms #Preview #LiveXAML
前言
開發 Xamarin.Forms 的專案時,在變更 Xaml 檔後,通常需要經過編譯後才可以重新看到畫面,時間短則 30 秒,長則好幾分鐘,為了拯救自己的肝,所以找了幾個可以即時得到結果的套件,目前有以下幾個:
- Gorilla Player(MAC、Windows)
- LiveXAML(MAC、Windows)
- Xamarin Live Reload(Windows)
本篇主要會以 LiveXAML 的 MAC 版本進行說明。
Install
Visual Studio For MAC
Step 1. 直接開啟 Extension 搜尋 LiveXAML 即可進行安裝。
Step 2. 安裝後即可在 Tools 下看到 LiveXAML Settings 可以進行設定或填寫註冊資訊(LiveXAML 可以試用 14 天),一開始裝完試用不會生效,需要重新啟裝 Visual Studio For MAC。
Debug & LiveReload
Install Nuget Package(LiveXAML)
Step 1. 在 Xamarin.Forms 主專案安裝 LiveXAML Package。
Step 2. 搜尋 LiveXAML。
Step 3. 進行安裝。
Run
裝好 LiveXAML Extension 及 LiveXAML Nuget Package,直接裝專案執行起來即可。
Edit Xaml & Save
Step 1. 範例頁面。
Step 2. 修改 XAML 內容。
Step 3. 不用重新編譯,直接就可以看到調整過後的內容囉。
結論
LiveXAML 是目前使用起來最方便及順手的套件了,因為完全不需要額外的設定,只可惜是需要付費的。
試用版可以使用 14 天,而在 Windows 版本過了試用期後,仍可以一次編輯 3 個 XAML 頁面,
但在 MAC 則是過了試用後,就無法繼續使用囉。
參考資料
文章內容的敘述如有錯誤及觀念不正確,請不吝嗇指教,如有侵權內容也請您與我反應。感謝您~