【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开发 iOS开发 容器
Xamarin自定义布局系列——PivotPage(多页面切换控件)
原文:Xamarin自定义布局系列——PivotPage(多页面切换控件) PivotPage ———— 多页面切换控件 PivotPage是一个多页面切换控件,类似安卓中的ViewPager和UWP中的Pivot枢轴控件。
1206 0
|
Android开发 iOS开发 索引
Xamarin自定义布局系列——支持无限滚动的自动轮播视图CarouselView
原文:Xamarin自定义布局系列——支持无限滚动的自动轮播视图CarouselView 背景简述 自动轮播视图(CarouselView)在现在App中的地位不言而喻,绝大多数的App中都有类似的视图,无论是WebApp还是Native App。
1890 0
|
虚拟化 容器
Xamarin自定义布局系列——ListView的一个自定义实现ItemsControl(横向列表)
原文:Xamarin自定义布局系列——ListView的一个自定义实现ItemsControl(横向列表) 在以前写UWP程序的时候,了解到在ListView或者ListBox这类的列表空间中,有一个叫做ItemsPannel的属性,它是所有列表中子元素实际的容器,如果要让列表进行横向排列,只需要在...
1118 0
|
Android开发 iOS开发
Xamarin自定义布局系列——瀑布流布局
原文:Xamarin自定义布局系列——瀑布流布局 Xamarin.Forms以Xamarin.Android和Xamarin.iOS等为基础,自己实现了一整套比较完整的UI框架,包含了绝大多数常用的控件,如下图 虽然XF(Xamarin.Forms简称XF,下同)为我们提供大这么多的控件,但在实际使用中,会发现这些控件的可定制性特别差,基本上都需要里利用Renderer来做一些修改。
1133 0
|
C#
C#使用Xamarin开发可移植移动应用(2.Xamarin.Forms布局,本篇很长,注意)附源码
原文:C#使用Xamarin开发可移植移动应用(2.Xamarin.Forms布局,本篇很长,注意)附源码 前言 系列目录 C#使用Xamarin开发可移植移动应用目录 源码地址:https://github.
1181 0
|
C# Android开发
C#使用Xamarin开发可移植移动应用进阶篇(7.使用布局渲染器,修改默认布局),附源码
原文:C#使用Xamarin开发可移植移动应用进阶篇(7.使用布局渲染器,修改默认布局),附源码 前言 系列目录 C#使用Xamarin开发可移植移动应用目录 源码地址:https://github.
1004 0
【Xamarin.Forms】XAML编译——使用XAML编译器来提高Xamarin.Forms应用程序的性能
XAML可以选择使用XAML编译器(XAMLC)直接编译为中间语言(IL)。XAMLC提供了许多好处: 它执行XAML的编译时检查,通知用户任何错误。
1127 0
|
测试技术 Android开发 iOS开发
【Xamarin.Forms】Visual Studio 2017预览版本15.5试用
随着Visual Studio 2017版本15.4现在稳定和体育一些令人敬畏的新功能,如Xamarin Live集成,Android Oreo / iOS 11支持和更智能,更小的安装,现在是时候把我们的注意力转向下一个版本的Visual Studio 2017, 版本15.5! 这个即将发布的版本现在可以作为预览,像所有的Visual Studio预览一样,是一个单独的沙盒安装,而不是稳定的。
1280 0
|
测试技术 C# Android开发
Xamarin Alpha预览
好像是几周前,Visual Studio 2017发布了,我们已经在为下一个Xamarin更新。我们刚刚发布了下一版本的alpha预览版,我想和你们分享一些我最感兴趣的特点。
1152 0

热门文章

最新文章

下一篇
DataWorks