LiveXAML for Xamarin Forms

LiveXAML 不僅僅只是另一套編輯 XAML 的預覽工具，更是協助在開發 App 時 XAML 就能直接活靈活現的好幫手！

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

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

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

下載
Visual Studio extension 下載 (Mac)
Visual Studio for Mac extension

別忘了在您的 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 元

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

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

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

您有需要 Xamarin 或 Xamarin.Forms 的教育訓練嗎?

您可以透過我們最專業的 Xamarin 教育訓練，學習使用 Xamarin 開發 iOS 與 Android 的跨平台 App。我們提供的課程包含基本的開發環境介紹、安裝，開發說明一直到各平台實際的案例演練與實作。在這樣的課程訓練後您將會有最扎實的使用 Xamarin 製作跨平台 APP 的開發實力。

教育訓練需求，請點選這裡了解更多。

您有需要行動 APP 的專案委外需求嗎?

若您有行動 APP 的專案委外需求，同時也希望能透過 Xamarin 的跨平台特性讓系統接手後更容易維運，我們提供客製化系統專案建置服務，並在結案後進行完整教育訓練，讓企業能以最合理的成本建置 iOS/Android 之 App 系統，並擁有後續自行維護系統之能力。

若您有專案委外建置需求，請點選這裡了解更多。