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

要求

项目需要使用最新的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预览器要求在渲染页面之前构建项目。 如果下面的错误出现在预览窗格的顶部，请重新构建应用程序并重试。