WPF自学系列 1XAML基础

索引

XAML 标准
XAML 属性
XAML 事件

1.什么是XAML

XAML是WPF语义化的一个特殊的XML文件，语法遵循XML编写的所有特点

1. 标记必须结束
2. 开始标记和结束标记必须一致
3. 属性值必须用双引号
4. 整个文档只能有一个根节点

2. 命名空间

我们先来看看默认生成的Windows中的命名空间

        x:Class="WpfApp1.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:WpfApp1"

其中xmlns是命名空间的前缀，后面的:xxx是内容调用该命名空间的内容时需要用这个前缀调用。比如x:Name属性。
这里"http://schemas.microsoft.com/winfx/2006/xaml/presentation" 是命名空间的名字类似System.Data.SqlClient
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"是默认命名空间，里面包含了所有wpf中默认的所有组件内容。这个http路径并没有其他的用途。

3. 属性

C#中给某个控件属性赋值我们再熟悉不过了，比如给一个Label控件的Text属性赋值，只需要获取当前要控制的控件对象并通过赋值符号给其相应类型的数据即可。比如我们要把Grid控件的Name属性赋值给windows窗体。

MainWindow.xaml：

  <Window x:Class="WpfApp1.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:WpfApp1"
        mc:Ignorable="d"
        Title="MainWindow" Height="350" Width="525">
    <Grid Name="Grid1"  Loaded="Grid1_OnLoaded">
        
    </Grid>
</Window>

MainWindow.XAML.cs:

    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
        }

        private void Grid1_OnLoaded(object sender, RoutedEventArgs e)
        {
            Title = Grid1.Name;
        }
    }

功能写起来还是蛮简单的。

3.1普通属性

其中，Title="MainWindow" Height="350" Width="525"就是XAML里的简单属性赋值。
Title = Grid1.Name;就是我们熟悉的C#属性赋值。

注：Loaded="Grid1_OnLoaded"是事件绑定，当Grid加载完成后触发事件并自动调用Grid1_OnLoaded方法

3.2 节点属性

一般情况任何属性都可以以另外一种方式编写就是子节点属性的方式，比如我们把window的Title属性变成节点属性的方式编写的话就成了这样

<Window x:Class="WpfApp1.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:WpfApp1"
        mc:Ignorable="d"
        Height="350" Width="525">
    <Window.Title>这是标题</Window.Title>
    <Grid Name="Grid1" Loaded="Grid1_OnLoaded">
        
    </Grid>
</Window>

这两种是等同的写法，一般使用前一种的比较普遍。不太推荐第二种写法，会显得比较乱。

3.3 复杂属性

有些时候我们不得不使用子节点的方式来给某个特定控件属性赋值。比如给Grid设置一个渐变的背景颜色。

    <Grid Name="Grid1" Loaded="Grid1_OnLoaded">
        <Grid.Background>
            <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                <GradientStop Color="#FF595050" Offset="0"/>
                <GradientStop Color="#FFDE1313" Offset="1"/>
            </LinearGradientBrush>
        </Grid.Background>  
    </Grid>

渐变颜色需要设置的数据相对较多，不能用一个简单的数据描述，这种情况我们就必须采用子节点属性的方式赋值。我们称之为复杂属性。

3.4 依赖属性

我们来给Grid网格控件设置几个单元格，这种数据也必须使用复杂属性的方式设置

 <Grid Name="Grid1" Loaded="Grid1_OnLoaded">
        <Grid.RowDefinitions>
            <RowDefinition Height="1*"/>
            <RowDefinition Height="1*"/>
            <RowDefinition Height="1*"/>
            <RowDefinition Height="1*"/>
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="1*"/>
            <ColumnDefinition Width="1*"/>
            <ColumnDefinition Width="1*"/>
            <ColumnDefinition Width="1*"/>
        </Grid.ColumnDefinitions>
        <Grid.Background>
            <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                <GradientStop Color="#FF595050" Offset="0"/>
                <GradientStop Color="#FFDE1313" Offset="1"/>
            </LinearGradientBrush>
        </Grid.Background>
    </Grid>

这样我们就给Grid网格设置成了四行四列等分的表格了。设置行列的方式就是复杂属性，如果我们需要把一个按钮放入到第二行第三个单元格该怎么做呢?

  <Grid Name="Grid1" Loaded="Grid1_OnLoaded">
        <Grid.RowDefinitions>
            <RowDefinition Height="1*"/>
            <RowDefinition Height="1*"/>
            <RowDefinition Height="1*"/>
            <RowDefinition Height="1*"/>
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="1*"/>
            <ColumnDefinition Width="1*"/>
            <ColumnDefinition Width="1*"/>
            <ColumnDefinition Width="1*"/>
        </Grid.ColumnDefinitions>
        <Grid.Background>
            <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                <GradientStop Color="#FF595050" Offset="0"/>
                <GradientStop Color="#FFDE1313" Offset="1"/>
            </LinearGradientBrush>
        </Grid.Background>
        <Button Content="Button" Grid.Column="2"   Grid.Row="1"  />
    </Grid>

这里我们再Button节点上添加了Grid.Column和Grid.Row这就是我们采用依赖属性的方式设置当前控件元素和父元素的关系或者相关的属性数据。

XAML事件

Loaded="Grid1_OnLoaded"是事件绑定，当Grid加载完成后触发事件并自动调用Grid1_OnLoaded方法