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

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

要求

项目需要使用最新的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预览选项

预览窗格顶部的选项是:

  • Phone在手机大小的屏幕上呈现
  • Tablet 在平板电脑屏幕上进行渲染(请注意,窗格右下角有放大控制)
  • Android显示Android版本的屏幕
  • iOS显示屏幕的iOS版本
  • Portait (icon) – 使用纵向方向进行预览
  • Landscape (icon) – 使用横向方向进行预览

添加设计时数据

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

故障排除

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

XAML预览不显示

检查以下内容:

  • 项目应该在尝试预览XAML文件之前建立(编译)。
  • Designer代理必须在您第一次预览XAML文件时进行设置 - 预览程序中将显示进度指示器以及进度消息,直到准备就绪。
  • 尝试关闭并重新打开XAML文件

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

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

Error message: project must be built first

目录
相关文章
|
Android开发 Windows
第一章:Xamarin.Forms如何适应?(5)
安装在编写Xamarin.Forms的应用程序之前,您需要在Mac,PC或两者上安装Xamarin平台(如果您正在使用该设置)。 请参阅Xamarin网站上的文章:https://developer.xamarin.com/guides/cross-platform/getting_started/installation/您可能急于创建您的第一个Xamarin.Forms应用程序,但在此之前,您需要尝试为iPhone和Android以及普通的Windows,WindowsPhone和Windows 10 Mobile项目创建正常的Xamarin项目。
963 0
|
Android开发 iOS开发
【Xamarin.Forms】Xamarin.Forms 2.5.0中本体系Forms的发光之处
自从6月份我们预览了Native Forms以来,我们一直在努力平衡这些不足之处,并通过修复错误并整合来自社区的优秀反馈来为Xamarin.Forms 2.5.0打磨它。
1699 0
【Xamarin.Forms】XAML编译——使用XAML编译器来提高Xamarin.Forms应用程序的性能
XAML可以选择使用XAML编译器(XAMLC)直接编译为中间语言(IL)。XAMLC提供了许多好处: 它执行XAML的编译时检查,通知用户任何错误。
1092 0
【Xamarin.Forms】在XAML中传递参数
本文演示了如何使用XAML属性来将参数传递给非默认构造函数,调用工厂方法以及指定泛型参数的类型。 概观 通常需要使用需要参数的构造函数实例化对象,或者调用静态创建方法。
1313 0
|
UED
深入Xamarin.Forms多屏幕
在Xamarin.Forms多屏幕快速入门中,Phoneword应用程序被扩展到包含跟踪应用程序呼叫历史记录的第二个屏幕。 本文回顾了为了开发对Xamarin.Forms应用程序中的页面导航和数据绑定的理解而构建的内容。
993 0
你好,Xamarin.Forms多屏幕
使用Xamarin.Forms处理导航 本指南扩展了在Hello,Xamarin.Forms指南中创建的Phoneword应用程序,以导航到第二个屏幕。 涵盖的主题包括页面导航和数据绑定到集合。
806 0
|
API Android开发 iOS开发
Xamarin.Forms要求
Xamarin.Forms的平台和开发系统要求。 有关跨平台应用的安装和设置实践的概述,请参阅安装文章。 目标平台 Xamarin.
901 0

热门文章

最新文章