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 指令。



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值