【Xamarin.Forms】Xamarin.Forms的XAML预览器——查看您输入的Xamarin.Forms布局!

3410阅读 0评论2017-12-03 renxiao2003
分类:Android平台

要求

项目需要使用最新的Xamarin.Forms NuGet包来使XAML预览器正常工作。 预览Android应用程序需要JDK 1.8 x64。
发行说明中有更多信息。

入门

Mac上的Visual Studio for Mac

“预览”按钮可以通过右键单击XAML文件并选择“打开方式”>“XAML查看器”来显示在编辑器中。 然后可以通过按下任何XAML文档窗口右上角的预览按钮来显示或隐藏预览窗格:

ListView control preview in Visual Studio for Mac

Windows上的Visual Studio

使用Visual Studio中的“视图”>“其他Windows”>“Xamarin.Forms预览器”菜单打开预览窗口。 使用窗口>新建垂直选项卡组菜单将其并排放置。

ListView control preview in Visual Studio

XAML预览选项

预览窗格顶部的选项是:

添加设计时数据

一些布局可能难以可视化,没有绑定到用户界面控件的任何数据。 为了使预览更有用,通过对绑定上下文进行硬编码(在代码隐藏或使用XAML),将一些静态数据分配给控件。
请参考James Montemagno在添加设计时数据的博客文章,了解如何绑定到XAML中的静态ViewModel。

故障排除

如果遇到问题,请查看下面的问题以及Xamarin论坛。

XAML预览不显示

检查以下内容:

无效的XAML:在创建预览之前,需要构建Android项目

XAML预览器要求在渲染页面之前构建项目。 如果下面的错误出现在预览窗格的顶部,请重新构建应用程序并重试。

Error message: project must be built first

上一篇:【Xamarin.Forms】XAML编译——使用XAML编译器来提高Xamarin.Forms应用程序的性能
下一篇:【Xamarin.Forms】XAML命名空间——将XAML名称空间声明为引用类型