XAML —— 语法

在 WPF 的项目中，推荐使用 XAML 进行 UI 的开发，这样可以实现逻辑与 UI 的分离。XAML 即可扩展应用程序标记语言（eXtensible Application Markup Language），它是一种声明性的标记语言。WPF 有一套完整的机制可以将 XAML 中声明的元素、属性映射到 .NET 中对应的类、属性。XAML 虽说是声明性的标记语言，但是在正常情况下，它必须要经过编译这个阶段。这里之所以说正常情况下，是因为.NET 提供一种方法让我们在可以运行时加载 XAML。

在这边首先推荐一个工具：Kaxaml。Kaxaml 是一个轻量级的、免费的、开源的 XAML 编辑器，它可以实时呈现你编写的 XAML 的效果而不需要编译，大大节省了创建 UI 的时间。（当然，这只是一个小工具，主要是在学习阶段用的多，而在项目中创建 UI 的话，使用 Visual Studio 以及 Blend 效果更好。）

XAML 和 XML/HTML 非常类似，所以学起来很简单，下面简单介绍下它的语法：

对象元素

声明对象元素其实就是声明一个类的实例。如果对应到 c# 中的话，其实就是创建一个实例。

<Grid>  
  <Button Background="Red" Content="This is a button" />
</Grid>

该示例创建了两个对象元素，一个是 Grid，一个是 Button。它们分别映射到 .NET 中的 Grid 类以及 Button 类。声明对象元素，其实就是创建一条 XAML 指令说：我需要创建一个 Grid/Button 类的示例。而每个实例都是通过调用该类的默认构造函数创建的，换言之，如果一个类没有默认无参构造函数，它就不能了利用 XAML 进行声明。

属性

声明属性有两种形式，一种是像上述所示的那样，利用 Attribute 的形式来进行声明，另一种和声明对象元素相似，用属性元素的形式进行声明。

1. Attribute：该种方式比较直观，清晰明了，上例中，就是为 Button 的 Content 以及 Background 进行赋值。
2. 属性元素：利用 Attribute 声明的方式有一个很大的限制，就是说必须能在字符串内表达出该属性所需要的对象或信息。但如果想将上述 button 的 background 设置为一个渐变色，这样就只能利用属性元素的声明方式了，如下所示：

<Button Content="This is a button">
  <Button.Background>
    <LinearGradientBrush>
      <GradientStop Color="Red" Offset="0.3" />
      <GradientStop Color="Green" Offset="0.6" />
      <GradientStop Color="Blue" Offset="0.9" />
    </LinearGradientBrush>
  </Button.Background>
</Button>

内容属性（Content Property）

上述示例中，我们利用 Attribute 的方式为 Button 的 Content 赋值，当然使用属性元素也完全可以做到：

<Button>
  <Button.Content>
    This is a button
  </Button.Content>
</Button>

更进一步，我们将代码中的 Button.Content 去掉。

<Button>
  This is a button
</Button>

这也是 OK 的，和使用 Button.Content 效果完全一样。这就是 Content Property 的作用，即对 Content Property 而言，在 XAML 标记中声明属性时可以忽略属性元素。对一个类而言，可以指定它一个属性为 XAML 的内容属性。打开（F12）Button 类的父类 ContentControl，我们可以看到该类上有一个 ContentPropertyAttribute 指示 Content 为该类的内容属性，所以在使用 Button 时，当不指定属性元素时，会自动将子元素作为它的 Content 来生成 XAML 指令。