XAML的全称是Extensible Application Markup Language,就是我们所说的可扩展应用程序标记语言。XAML可以应用到许多不同领域,但主要用于构建用户界面。

XAML是一种单纯的声明型语言,也就是说,它只能用于声明一些UI元素、绘制UI和动画等;不能在其中加入程序逻辑,从根本上实现了UI和逻辑代码分离。

XAML是一种由XML派生而来的语言,所以很多XML种的概念在XAML是通用的。

我们通过Visual Studio创建一个WPF应用程序,来介绍一下XAML的命名空间以及一些基本要素:(至于怎么通过Visual Studio创建WPF Application这里就不做介绍了)

下面我们来剖析一段最简单的XAML代码:

<Window x:Class="WPFDemo.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Title="MainWindow" Width="400" Height="350">
<Grid Name="Grid1">
<Grid Name="Grid2"/><!--空标签-->
</Grid>
</Window>

这段XAML代码包含3个元素:一个顶层的Window元素,2个Grid元素。在XAML文档中,所有元素都映射为一个.NET类的对象。

Name 被称为“Attribute”,通常在类中有一个Name的 “Property”与之对应。Attribute是属于编程语言文法层面的东西;Property属于面向对象的范畴。所以这2个Name的不同叫法一定不要混淆了。

跟XML语法一样,可以相互嵌套元素。这段代码中就是一个Window元素嵌套了一个Grid元素Grid1(或者说Grid元素是Window元素的内容),然后Grid1又嵌套了一个Grid元素。在XAML中只能有一个顶级元素。尽管可以使用任何顶级元素,但是WPF应用程序中只能使用如下3种顶级元素:

  · Window元素

  · Page元素(用于可导航的应用程序)

  · Application元素(定义应用程序资源和启动设置)

接下来看一下他的命名空间:

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

这跟我们平时.NET中使用的命名空间不一样。而是看上去像一个网页地址名称,但是把他们copy到浏览器地址栏里也不会打开网页。这里是因为XML命名空间通常用URI。并且不同组织就不会使用相同的命名空间创建不同的基于XML的语言。这里schemas.microsoft.com就可以看出,由Microsoft所有。还有就是这个URI是XAML解析器的一个硬性编码,只要看到这些固定的字符串,就会把一系列的Assembly和其中的.NET命名空间引用进来。

第一个命名空间是WPF的核心名称空间,它包含了所有的WPF类,绘制UI相关,是表示(Presentation)层上面的东西。可以看到它并不包含前缀,所以除非特别指明,所有元素都位于该命名空间下。

第二个带有x前缀的命名空间,对应XAML语言解析处理相关的程序集,是语言层面 上的东西。后面有章节专门讲解x命名空间。

最后还剩下一个x:Class="WPFDemo.MainWindow" 没有介绍了,接下来我们来看看这个Attribute是什么:

x前缀说明,来自于x映射的命名空间。

namespace WPFDemo
{
/// <summary>
/// Interaction logic for MainWindow.xaml
/// </summary>
public partial class MainWindow : Window
{
/// <summary>
///
/// </summary>
public MainWindow()
{
InitializeComponent();
}
}
}

这个文件只包含一个简单的InitializeComponent()方法,而这个方法是在源代码中不可见的,因为他是编译自动生成的。我们可以在项目的obj\Debug\文件夹下找到一个名字与之对应的MainWindow.g.cs 文件,我们打开看就可以发现该方法的实现。

下面让我们来做个实验,来解释一下x:Class这个Attribute与他对应的MainWindow.cs文件的关系:

1.首先删除掉x:Class="WPFDemo.MainWindow"这个Attribute

2.同时也注释掉InitializeComponent(),保证项目能正常编译通过

3.直接F5发现项目还是能正常运行。这是因为App.xaml中StartupUri这个Attribute指定了这个MainWindow.xaml文件。只使用XAML文件同样能被编译器解析。后面的章节我们会讲到。

4.然后只恢复x:Class="WPFDemo.MainWindow"这个Attribute,然后把他改为x:Class="WPFDemo.MainWindow1",编译之后,项目还是能正常运行。

然后我们调用ildasm命令查看该项目生成的程序集:

会发现有个WPFDemo.MainWindow1的类,正好和我们刚才x:Class="WPFDemo.MainWindow1"的Attribute设置的值一致。由此,我们可以看出,x:Class这个Attribute的作用就是当XAML解析器将该特性解析成C#后的类名。

通过一个简单的WPF应用程序我们整体上了解了下XAML,接下来的章节我们将系统的了解一下XAML的语法,当然还包括讲解x命名空间,还有就是加载和编译XAML。

XAML 概述一的更多相关文章

  1. XAML 概述

    我们将向 Windows 运行时应用开发人员介绍 XAML 语言和 XAML 概念,并介绍在使用 XAML 创建 Windows 运行时应用时,在 XAML 中声明对象和设置属性的不同方式. 什么是 ...

  2. XAML 概述四

    这一节我们来简单介绍一下XAML的加载和编译,它包括如下三种方式:  · 只使用代码  · 使用代码和未编译的XAML  · 使用代码和编译过的BAML 一. 只使用代码 我们首先创建一个简单的控制台 ...

  3. XAML 概述三

    通过对前面2节对XAML的介绍,我们对XAML有了一定的认识.这一节我们来简单了解一下部分XAML命名空间(x:)语言功能. x命名空间映射的是http://schemas.microsoft.com ...

  4. XAML 概述二

    通过上一节我们已经对XAML有了一定的了解,这一节我们来系统的学习一下XAML. 一. 简单属性与类型转换器,属性元素: 我们已经知道 XAML是一种声明性的语言,并且XAML解析器会为每个标签创建一 ...

  5. WPF:XAML概述

    简介 XAML是eXtensible Application Markup Language可扩展应用程序标记语言,它是微软公司为构建应用程序用户界面而创建的一种新的描述性语言.XAML提供了一种便于 ...

  6. .Net Core WPF之XAML概述

    原文链接,机器翻译,有误处参看原文. XAML overview in WPF 2019/08/08 What is XAML XAML syntax in brief Case and white ...

  7. WPF从入门到放弃系列第二章 XAML

    本文是作者学习WPF从入门到放弃过程中的一些总结,主要内容都是对学习过程中拜读的文章的整理归纳. 参考资料 XAML 概述 (WPF):https://msdn.microsoft.com/zh-cn ...

  8. ResourceDictionary 和 XAML 资源引用

    XAML 定义应用的 UI,并且 XAML 也可以定义 XAML 中的资源.资源通常是对你希望多次使用的某些对象的定义.你要为 XAML 资源定义一个键,以供将来引用,该键的作用类似于资源的名称.你可 ...

  9. 基本 XAML 语法指南

    我们介绍了 XAML 语法规则,以及用于描述 XAML 语法中存在的限制或选项的术语.当出现以下情况时你会发现本主题很有用:不熟悉 XAML 语言的使用,希望加强对术语或某些语法部分的理解,或者对 X ...

随机推荐

  1. ubuntu 换源

    经过自己一番折腾后,发现用这个方法换源最简单.直接. sudo vi /etc/apt/sources.list 把sources.list里面的内容全部替换为一下内容 deb http://mirr ...

  2. Linux下VI的使用

    vi使用手册 VI是unix上最常用的文本编辑工具,作为unix软件测试人员,有必要熟练掌握它.进入vi的命令 vi filename :打开或新建文件,并将光标置于第一行首 vi +n filena ...

  3. javascript 特性

    作用域: javascript的作用域称为静态作用域,在定义语法上就能确认了,而不是运行时. if (true) { var i = 'moersing' } console.log(i); //可以 ...

  4. 添加iPhone设备的udid之后,重新生成开发证书(Development)

    选择Provisioning profiles-Development-添加 ,如图:

  5. Unity之读取本地图片

    1.下载Opencv for unity. 2.把OpenCVForUnity下的StreamingAssets拖到Assets下. 3.点击Tools->opencv for unity-&g ...

  6. 使用Jeditable插件时遇到的问题

    Jeditable在渲染页面已有DIV=>form的时候 首先使用 $("div").html(); 去获取原DIV中的内容. 这样导致一个问题, 如果原div中带有html ...

  7. js实现全屏

    详细内容请点击 1.window.open方式 第一种: 在已经打开的一个普通网页上,点击“全屏显示”,然后进入该网页对应的全屏模式.方法为:在网页的<body>与</body> ...

  8. 【CSS3】---盒模型margin、padding及border

    盒模型--边框 盒子模型的边框就是围绕着内容及补白的线,这条线你可以设置它的粗细.样式和颜色(边框三个属性). 如下面代码为 div 来设置边框粗细为 2px.样式为实心的.颜色为红色的边框: div ...

  9. Android 动画学习笔记

    Android动画的两种:Frame帧动画.Tween动画(位移动画)[实现:存放目录res/anim] Tween动画:(位移.缩放.旋转):通过对场景里的对象不断做图像变换. 四种效果Alpha. ...

  10. XenCenter删除SR失败解决方法

    到CLI下 查SR的UUID xe sr-list SR的uuid=e0571e72-f6c5-1c9e-4ad8-9817b2331f47 FORGET SR xe sr-forget uuid=e ...