LiveXAML 不僅只是另一套 XAML 的預覽工具,更是讓 XAML 在開發時就活靈活現的好幫手!

無論是您是用模擬器或是行動裝置執行應用 App,只要在編輯 XAML 檔案後按下存檔(Ctrl + S),LiveXAML 就將會自動協助更新 XAML 畫面的呈現。

LiveXAML 的使用不需要在既有的專案當中增加額外的程式碼,更不用每次都要做浪費時間且無意義的設定。

就只要先在 Xamarin.Forms 專案中安裝好一次 LiveXAML 的 Nuget 套件後,就能跟往常一樣的使用你的 Xamarin.Forms 專案,並享受 LiveXAML 所帶來的開發便利性。

別忘了在您的 Xamarin.Forms 的專案中要先安裝 LiveXAML 的 NuGet 套件(可選自動或手動)。目前在 Visual Studio 2017 中可以自動安裝 LiveXAML 的 Nuget 套件與使用。但在 Visual Studio for Mac 中尚未能做到自動安裝,您必須要手動安裝 LiveXAML 的 Nuget 套件。
NuGet 的套件安裝請參考 Here 的指示。

為何需要 LiveXAML?

熟悉的方式

與往常一樣的使用與編輯方式,就能看到執行時的 UI 更新。

簡潔的安裝

只要安裝 VS extension 跟 NuGet 套件。

便捷的使用

在 Xamarin.Forms 專案中設定一次就開始使用。

節省的時間

即時的編輯與預覽,大幅省下 UI 設計的時間成本。

LiveXAML 的安裝與展示

問答集

LiveXAML 能在實際的行動裝置上運作嗎?
是的,沒問題。裝置只要跟電腦是有連結到同一個區域網路下, 並且確保網路環境當中的防火牆不會阻擋 53030 與 53031 通訊埠。 而在預設的情況下 Windows 內建的防火牆是允許上述通訊埠的連結。
我能夠在不同的行動裝置上使用 LiveXAML 看見編輯 XAML 後的預覽效果嗎?
可以。
1) 連結並在第一台行動裝置上開始偵錯
2) 停止偵錯
3) 在你想要的裝置上重新執行第一步跟第二步
4) 您的變更應該會出現在另一台行動裝置中

或者您也可以手動的重新佈署程式到您的每台行動裝置中。 LiveXAML 也提供 “使用啟動但不偵錯的方式預覽 UI 變更” 的選項。 若勾選啟用此選項 LiveXAML 也可以在啟動但不偵錯情況下運作。
我要如何使用它?還是得還要另外使用其他的編輯器?
您需要在 Visual Studio 當中打開您的 Xamarin.Forms 專案,並除了保持 Visual Studio 的執行。此外,還得先在該專案中安裝好 LiveXAML 的 Nuget 套件。 而若您在 LiveXAML Settings 視窗中勾選啟用 “使用啟動但不偵錯的方式預覽 UI 變更” 選項, 那麼 Visual Studio 將會自動的偵測你的 XAML 檔案變更動作(Ctrl + S),並且保持畫面持續更新 UI 的效果。
我要如何針對 Release 版本關閉 LiveXAML 套件的使用?
你可以在 Release 的專案組態設定中定義 “DISABLE_XAMARINFORMSLIVE” 的編譯符號,這樣就可以讓 LiveXAML 的套件不會在 Release 版本中被編譯。
當我使用實體行動裝置時 LiveXAML 卻無法正常連接
確保下列幾個通訊埠: 50530, 50531, 50532 是開啟的,並且能順利連結到你的電腦。
我無法在第二台電腦上再啟用我的 license 授權?
請記住你訂閱授權時所登記的 Email 並保留在第一次啟用 license 授權時,系統所產生給您的該組密碼。當您要在第二台電腦上啟用 LiveXAML 時會需要用到此 Email 與密碼來啟用。
我遭遇了一些無法解決的疑難雜症?
你可以加入 LiveXAML 的 Gitter 會客室。我們會在那邊協助與回答各種使用 LiveXAML 上的問題(英文)。

它是如何運作的?

LiveXAML 會建立一些程式處理去聆聽 Xamarin.Forms 在開發時 XAML 的更新動作。

Visual Studio extension 會負責處理存檔的動作並通知應用 App 的 UI 畫面更新。

支援目前所有已知的模擬器跟實際行動裝置的更新預覽。

購買完整版本

您可以先試用 LiveXAML 完整功能長達14天,再購買 LiveXAML 的 license 授權。

但若試用到期仍未啟用 LiveXAML 的 license 授權,將無法在單一專案中編輯超過 3 個 XAML 檔案。

永久 license 授權 美金 240 元

訂閱付費每個月 美金 24 元

您的 Email: 

這個 Email 將會被用來在 Visual Studio Extension 中啟用 license 授權。

您的 Email: 

這個 Email 將會被用來在 Visual Studio Extension 中啟用 license 授權。

一套 LiveXAML 的 license 授權只能給一位開發者使用。
您可以在所擁有的多台電腦(有限度的)上啟用您購買的 license 授權。
但當我們發現您所購買的 license 授權有 “濫用” 嫌疑時,我們將會暫停該帳號的 LiveXAML 使用。

您是一位熱愛撰寫有關 Xamarin 技術文章的部落客嗎?

LiveXAML 需要更多的推廣與認可。如果您有撰寫有關 LiveXAML 的使用心得推薦文,歡迎您讓我們知道,我們將會給您專屬的 LiveXAML 購買折扣優惠。

您有需要教育訓練與專案開發嗎?

我們提供 Xamarin, Xamarin Forms, ASP.NET MVC 的教育訓練與專案開發。請透過 [email protected] 聯絡我們,取得更多資訊。