Live Previewer Tools For Xamarin.Forms

写在前面:

之前给大家介绍过再 Xamarin.Forms 开发中经常会使用一些实时预览工具去帮助我们快速调试 UI,其中包含 Xamarin 自带工具 Forms Previewer,还有 Xamarin 官方推荐免费工具 LiveReload 以及 第三方收费工具 LiveXAML,之前也对这几种工具进行了比较, Xamarin LiveReload 虽然免费,但是实际开发中却存在因为网络问题导致不能实时预览的问题,LiveXAML 稳定行相对可靠,但是由于收费限制,所以对于部分开发者并不是推荐。其实还有一些类似开源、免费的工具能帮助我们进行实时 Live Previewer,今天我们就介绍几个工具。

XAMLator

XAMLator 是一个为 Xamarin.Forms 提供的实时预览 XAML 页面的工具。使用 XAMLator 使开发者在 IDE 中任何实时更改 XAML 布局文件Code Behind 代码CSS 样式表 等行为都可以在模拟器以及真实设备上实时更新相对应 XAML 真实布局样式。

Features:

  1. 支持任何类型的 Xamarin.Forms 项目以及 MVVM 框架。
  2. 支持 AndroidiOS 模拟器。
  3. 支持 AndroidiOS 真机。
  4. 支持同时更新多台设备。
  5. 支持 XAML 文件实时更新。
  6. 支持 CSS 样式表实时更新。
  7. 支持 Code Behind 代码实时更新。
  8. 支持自定义预览方式。
  9. 支持 DesignTimeData 绑定。

XAMLator 的原理类似 LiveReloadLiveXAML,使用上与这两种工具也基本项目,需要现在 MacOS 上搜索 XAMLator Extensions 进行安装,然后在你的项目中添加 XAMLator nuget 引用,并在对应的平台进行初始化设置。

注意事项:

  1. 目前 XAMLator 只在 macOS 中可以使用。
  2. XAMLator 支持 XAML 文件的 Code Behind 代码。
  3. XAMLator 是开源项目,有任何问题可以在 Github 上提 issue

Gorilla Player

Gorilla Player 同样也是一个免费的 Xamarin.Forms XAML Previewer,在 2016 年被 UXDivers 公司将其从内部工具转为免费工具提供给 Xamarin 社区使用,其最初被创建的目的也是在于简化并高效创建多平台 UI 流程。它同样支持同时在多个模拟器和实际设备中进行预览。

Features:

  1. 支持任何类型的 Xamarin.Forms 项目以及 MVVM 框架。
  2. 支持 AndroidiOS 模拟器。
  3. 支持 AndroidiOS 真机。
  4. 支持同时更新多台设备。
  5. 支持 XAML 文件实时更新。
  6. 支持 DesignTimeData.json 文件 Binding。
  7. 支持 Gorilla.json 文件形式配置自定义导航栏。

使用步骤

  1. 下载 Gorilla desktop application ,安装程序包含一个Visual Studio add-in necessary,用于将正在编辑的 XAML 文件与预览视图同步。
  2. AndroidiOS 项目分别添加 UXDivers.Gorilla.SDK.AutoConfig Nuget 引用。
  3. 添加 GORILLADebug 模式下的的附加符号。这可确保应用程序以预览模式启动。
  4. 运行应用程序,连接到服务器,然后开始预览!

注意事项:
在真机上通过 Gorilla Player 预览,需要在你的设备上安装一个 Gorilla Player App,其类似 Xamarin 之前推出的 Xamarin LivePlayer

More

Xamarin Github issue 中我们看到这样一个问题: live reload is removed from VS marketplace. Xamarin 官方已经不在继续支持 LiveReload 这个工具了,推荐使用 LiveXAMLGorilla Player 去实时调试 UI,社区内对于这个举措褒贬不一,同样我们在 Visual Studio Roadmap 中发现在:

在2019 Q1 Visual Studio 会对 Xamarin.Forms Previewer 进行优化和重构,其中 Xamarin 团队会把原来 LiveReload 复杂的使用过程进行简化并合并到 Xamarin.Forms Previewer 中,但是对于 Xamarin 这种周而复始的习惯,也许哪天又会出来一篇 xamarin.forms previewer is dead 类似的issue,所以对于 Live Previewer Tools 的选择,个人更倾向于第三方组件,毕竟不像微软改名部。

Reference

到这里在 Live Previewer Tools For Xamarin.Forms 就介绍完了,希望能对您有所帮助。


——End 有问题可以加我微信,大家一起讨论,加好友前请备注您的简称,谢谢!

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 217,734评论 6 505
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,931评论 3 394
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 164,133评论 0 354
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,532评论 1 293
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,585评论 6 392
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,462评论 1 302
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,262评论 3 418
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 39,153评论 0 276
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,587评论 1 314
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,792评论 3 336
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,919评论 1 348
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,635评论 5 345
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,237评论 3 329
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,855评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,983评论 1 269
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 48,048评论 3 370
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,864评论 2 354

推荐阅读更多精彩内容