截至目前,Xamarin官方的Xaml Previewer工具仍然处于测试阶段,使用中也发现了各种不便,例如各种莫名其妙的渲染失败,或者提示需要编译项目才能渲染等等,复杂项目基本不可用,
完全没有体现出提高开发效率的优点。
Xamarin Live Player是一个很好的工具,但是作为调试器,并不适合用在仅仅需要查看页面设计效果的场景。
Gorilla Player的设计思路很不错,但是同样存在几个使用不那么方便的地方。需要额外创建DesignData.json文件;需要手机端额外安装APP;需要局域网配对,局域网配对功能和
Xamarin Live Player类似,限制了使用场景,比如某些情况下内网屏蔽特定端口,模拟器使用不方便等等。
直到偶然之间发现了一款新的第三方XAML预览工具–LiveXAML,于是试用了一下,发现使用起来很顺手:
1.不需要手机额外安装APP。
2.不需要局域网配对,不强制要求WIFI连接(如果通过网络调试,还是需要和开发电脑在一个局域网内;如果通过数据线调试,则对移动设备网络没有要求,vs中正常启动APP即可)。
3.(几乎)不需要手动更改项目文件。
4.不需要增加design-time data。
5.两步配置完成后不需要其他任何操作。
6.模拟器同样可以直接看到修改后的效果,不需要其他复杂的设置。
7.可以反应出对XAML的任何修改,增加元素,删除元素,设置/修改属性值,修改数据绑定等等。
8.界面更新速度很快(不算特别的优点,因为这一点Gorilla Player也能做到)。
LiveXAML基本实现了方便使用,并且增加开发效率的功能需求。
使用步骤则非常简单,首先安装VS插件,搜索LiveXAML for Xamarin Forms,创建者为ionoy,安装插件。
插件下载完成后重启vs并打开forms项目,在PCL项目或.NET Standard项目中安装LiveXAML的nuget程序包,在windows版的vs中,LiveXAML的插件提供了自动安装功能。
勾选使用开始执行(不调试)的UI变更预览,正常执行APP即可开始使用。
以下是两张使用Xamarin.Forms的最简单UWP程序的演示图片。
这张演示,把图片的源地址从一张png切换为官网的演示gif。
根据官网说明,如果想要在release版本排除掉LiveXAML程序包,只需要增加DISABLE_XAMARINFORMSLIVE条件编译符号即可。
PS:官网有很接地气的中文版。
如果要说缺点,应该就是有点贵了,14天试用,到期后不能超过3个XAML文件,永久授权240美元,按月付费24美元/月。
中文版官方网站 : https://cn.livexaml.com/