WPF入门笔记（一） 之XAML初步

认识XAML

最简单的XAML代码

XAML的树形结构与控件

XAML后台代码与事件处理

XAML注释

《深入浅出WPF》（刘铁猛 著）学习笔记系列

WPF入门笔记（一）之XAML初步

认识XAML

XMAL（读作zaml）是微软开发的一种可拓展应用程序标记语言，用于WPF应用程序中编写前台界面样式。如新建一个WPF应用程序之后自动生成的Window1.xmal便是一个最简单的xmal文件。

最简单的XAML代码

<Window x:Class="WpfApplication1.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Title="MainWindow" Height="350" Width="525">
<Grid>

</Grid>
</Window>

Window标签表示窗体，Grid标签表示一个容器。XMAL每一个标签都表示一个控件对象，所有控件元素都要放在容器内，有的容器只能盛放一个元素（如Window），而有的元素可以放置多个元素（如Grid）。’<>’标签中控件名称后面的诸多“属性”（特征）是控件的Attribute标签特征，用于标示每个元素的不同，在WPF中大部分Attribute与对象的属性Property（对象的属性域）对应。

x:Class="WpfApplication1.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Title="MainWindow" Height="350" Width="525"

指定了本窗体的Title属性为MainWindow，高度为350,宽度为525（wpf中使用与设备无关的单位进行度量，即不同的显示器中控件大小不变），xmlns则声明命名空间。

xmlns[:可选映射前缀]=“名称控件”

没有前缀名的为使用默认命名空间，x:Class来自与x命名空间，Grid来自于默认命名空间。命名空间虽然看上去像是一个网址，但不可以被浏览器访问，而是一个XAML解码器的硬性编码，它被解码器解析后可以引用一系列必要的程序集和程序集中包含的.NET名称。

XAML的树形结构与控件

<Grid>
<StackPanel>
<TextBox x:Name="texbox1"></TextBox>
<StackPanel>
<TextBox Name="texbox2"></TextBox>
</StackPanel>
<Button>Button1</Button>
</StackPanel>
</Grid>

stackpanel容器将它内部的多个元素按照从左到右或从上到下的顺序（可由Orientation指定排列方式）排列，Name属性为每个控件的唯一标示不可重复。

XAML后台代码与事件处理

首先要注意的是定义类时采用了关键词partial，它使得一个类可以在多出定义。

与指定元素属性一样，还可以指定每一个控件的事件响应，如按钮的单击事件可以如下定义：

<Button Click="Button_Click">Button1</Button>

当单击这个按钮时则会调用回台.cs文件中的Button_Click方法。 MainWindow.xmal.cs为 MainWindow窗体的后台代码。

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
using System.Windows.Shapes;

namespace WpfApplication1
{
/// <summary>
/// MainWindow.xaml 的交互逻辑
/// </summary>
public partial class MainWindow : Window
{
public MainWindow()
{
InitializeComponent();
}

private void Button_Click(object sender, RoutedEventArgs e)
{

}
}
}

上述代码中InitializeComponent()方法存在于构造函数中，新增的构造函数也需要调用本方法，它在源代码中不可见，只是在编译应用程序时自动生成，它会调用所有Application类的LoadComponent()方法从程序集中提取BAML(编译过得XAML)并使用它构建用户界面。

XAML注释

<!-- <TextBox Name="texbox2"></TextBox> -->
<!--   被注释的内容    -->