Chinaunix首页 | 论坛 | 博客
  • 博客访问: 5437986
  • 博文数量: 895
  • 博客积分: 17977
  • 博客等级: 上将
  • 技术积分: 8691
  • 用 户 组: 普通用户
  • 注册时间: 2005-08-26 09:59
个人简介

一个好老好老的老程序员了。

文章分类

全部博文(895)

文章存档

2021年(2)

2020年(10)

2019年(40)

2018年(88)

2017年(130)

2015年(5)

2014年(12)

2013年(41)

2012年(36)

2011年(272)

2010年(1)

2009年(53)

2008年(65)

2007年(47)

2006年(81)

2005年(12)

分类: Android平台

2017-12-03 14:02:58

要求

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

阅读(2147) | 评论(0) | 转发(0) |
给主人留下些什么吧!~~