要求
项目需要使用最新的Xamarin.Forms NuGet包来使XAML预览器正常工作。 预览Android应用程序需要JDK 1.8 x64。
发行说明中有更多信息。
入门
Mac上的Visual Studio for Mac
“预览”按钮可以通过右键单击XAML文件并选择“打开方式”>“XAML查看器”来显示在编辑器中。 然后可以通过按下任何XAML文档窗口右上角的预览按钮来显示或隐藏预览窗格:
Windows上的Visual Studio
使用Visual Studio中的“视图”>“其他Windows”>“Xamarin.Forms预览器”菜单打开预览窗口。 使用窗口>新建垂直选项卡组菜单将其并排放置。
XAML预览选项
预览窗格顶部的选项是:
- Phone – 在手机大小的屏幕上呈现
- Tablet – 在平板电脑屏幕上进行渲染(请注意,窗格右下角有放大控制)
- Android – 显示Android版本的屏幕
- iOS – 显示屏幕的iOS版本
- Portait (icon) – 使用纵向方向进行预览
- Landscape (icon) – 使用横向方向进行预览
添加设计时数据
一些布局可能难以可视化,没有绑定到用户界面控件的任何数据。 为了使预览更有用,通过对绑定上下文进行硬编码(在代码隐藏或使用XAML),将一些静态数据分配给控件。
请参考James Montemagno在添加设计时数据的博客文章,了解如何绑定到XAML中的静态ViewModel。
故障排除
如果遇到问题,请查看下面的问题以及Xamarin论坛。
XAML预览不显示
检查以下内容:
- 项目应该在尝试预览XAML文件之前建立(编译)。
- Designer代理必须在您第一次预览XAML文件时进行设置 - 预览程序中将显示进度指示器以及进度消息,直到准备就绪。
- 尝试关闭并重新打开XAML文件
无效的XAML:在创建预览之前,需要构建Android项目
XAML预览器要求在渲染页面之前构建项目。 如果下面的错误出现在预览窗格的顶部,请重新构建应用程序并重试。