Xamarin XAML语言教程Visual Studio中实现XAML预览

每次通过编译运行的方式查看XAML文件效果,需要花费大量的时间。如果开发者使用XAML对UI进行布局和设计,可以通过预览的方式对XAML进行查看。本节将讲解在Visual Studio和Xamarin Studio中如何实现预览。

Visual Studio中实现预览

以下我们将以Hello项目为例,在Visual Studio中实现预览。在实现预览时,需要选择“视图(V)”|“其它窗口(E)”|Xamarin.Forms Previewer命令,打开Forms Previewer窗口,如图1.17所示。

 

图1.17  Forms Previewer窗口

注意:在笫一次加载XAML文件时,开发者需要耐心等待一会,此时Forms Previewer窗口会对iOS或者Android的SDKs进行读取,如图1.18所示。

 

图1.18  Forms Previewer窗口

此时我们会看到在Forms Previewer窗口中有6个选项,这6个选项的功能介绍如下:

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

开发者可以根据自己代码的需求对这些选项进行选择。图1.18选择的是Phone、iOS以及Portait (icon)模式。

注意:在打开的Forms Previewer窗口中很有可能不会对XAML中的内容进行显示,如果遇到不显示的问题,开发者可以有两种解决办法:

  • 在尝试预览XAML文件之前,应该构建(编译)项目。
  • 尝试关闭并重新打开XAML文件。

Xamarin Studio中实现预览

如果开发者要在Xamarin Studio中实现预览,可以单击.xaml文件中的Preview按钮,此时就会在XAML代码的右侧出现预览窗口,如图1.19所示。

 

图1.19  预览窗口

Xamarin XAML语言教程Visual Studio中实现XAML预览的更多相关文章

  1. [No0000AE]在 Visual Studio 中调试 XAML 设计时异常

    在 Visual Studio 中进行 WPF, UWP, Silverlight 开发时,经常会遇到 XAML 设计器由于遭遇异常而无法正常显示设计器视图的情况.很多时候由于最终生成的项目在运行时并 ...

  2. 在 Visual Studio 中调试 XAML 设计时异常

    在 Visual Studio 中进行 WPF, UWP, Silverlight 开发时,经常会遇到 XAML 设计器由于遭遇异常而无法正常显示设计器视图的情况.很多时候由于最终生成的项目在运行时并 ...

  3. (转)Visual Studio 2013新功能预览:增代码的透明度和可追溯性

    微软打破了Visual Studio两年升级一次的传统,Visual Studio 2012发布还不足一年,微软就计划发布了Visual Studio 2013了.在今天的TechEd大会上,微软宣布 ...

  4. visual studio code右侧的预览面板能关闭吗?

    https://segmentfault.com/q/1010000010082399   "editor.minimap.enabled":false

  5. Xamarin XAML语言教程使用Visual Studio创建XAML

    Xamarin XAML语言教程使用Visual Studio创建XAML Xamarin.Forms允许开发人员通过XAML语法对程序的所有用户界面元素进行详细的定制,如文本.按钮.图像和列表框等. ...

  6. Xamarin XAML语言教程使用Xamarin Studio创建XAML(二)

    Xamarin XAML语言教程使用Xamarin Studio创建XAML(二) 使用Xamarin Studio创建XAML Xamarin Studio和Visual Studio创建XAML文 ...

  7. Xamarin XAML语言教程Xamarin.Forms中构建进度条

    Xamarin XAML语言教程Xamarin.Forms中构建进度条 ProgressBar被称为进度条,它类似于没有滑块的滑块控件.进度条总是水平放置的.本节将讲解如何使用进度条. 注意:进度条在 ...

  8. Xamarin XAML语言教程Xamarin.Forms中改变活动指示器颜色

    Xamarin XAML语言教程Xamarin.Forms中改变活动指示器颜色 在图12.10~12.12中我们会看到在各个平台下活动指示器的颜色是不一样的.Android的活动指示器默认是深粉色的: ...

  9. Xamarin XAML语言教程Xamarin.Forms中活动指示器的显示隐藏

    Xamarin XAML语言教程Xamarin.Forms中活动指示器的显示隐藏 开发者除了可以在XAML中使用IsRunning属性控制指示器的显示隐藏外,还可以在代码隐藏文件中使用IsRunnin ...

随机推荐

  1. Android开发——HandlerThread以及IntentService详解

    .HandlerThread Android API提供了HandlerThread来创建线程.官网的解释是: //Handy class for starting a new thread that ...

  2. IOS开发---菜鸟学习之路--(十一)-使新闻内容自适应高度

    上一章当中,我们留了一个小BUG. 其实就是浏览新闻的时候,如果文字内容过长的花,UITextView 会有个下拉框,而最底层的UIScrollView也有个下拉框,那么在使用的时候就会非常的不爽. ...

  3. 利用python多线程模块实现模拟接口并发

    import requestsimport jsonimport threadingimport timeimport uuid class postrequests(): def __init__( ...

  4. importlib模块和split的结合使用

    1.给定一个文件结构,在main.py中于运用importlib 导入a.py运行其中的show()方法 ├── clazz │ ├── __init__.py │ ├── a.py │ └── b. ...

  5. Hibernate命名策略及配置

    hibernate 表 命名策略         分类:            hibernate2013-02-27 18:46464人阅读评论(0)收藏举报 Hibernate注释下的自定义架构实 ...

  6. Unity 脚本<1>

    RaycastHit2D hit = Physics2D.Linecast(targetPosition, targetPosition + new Vector2(x, y)); 猜测是lineca ...

  7. Box 类

    public class Box extends JComponent implements Accessible使用 BoxLayout 对象作为其布局管理器的一个轻量级容器.Box 提供几个对使用 ...

  8. 【VBA】利用Range声明Array(一维/二维)

    [说明] B2开始到B?(中间不能有空格),定义一维数组Arr_approver() Dim R_sh As Worksheet Set R_sh = ThisWorkbook.Sheets(&quo ...

  9. Linux下对superblock的理解

    对superblock的理解首先从partition structure的结构开始: 开始的,总的来说,block这个概念好理解..下面就是对super block的理解了Super block即为超 ...

  10. mysql安装配置、主从复制配置详解【转】

    仅限 centos7以下 版本 #yum install mysql #yum install mysql-server #yum install mysql-devel 启动服务 [root@loc ...