#region Student——学生类  
public class Student  
{  
    public string Name { get; set; }  
    public int Age { get; set; }  
    public string No { get; set; }  
    public string Sex { get; set; }  
    public string Color { get; set; }  
}  
#endregion

#region 把ID转化成Uri形式  
public class NoConvertImage : IValueConverter  
{  
    #region IValueConverter 成员

    public object Convert(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)  
    {  
        string uriImg = string.Format(@"/Resources/Images/{0}.png", (string)value);  
        return new BitmapImage(new Uri(uriImg, UriKind.Relative));  
    }

    public object ConvertBack(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)  
    {  
        throw new NotImplementedException();  
    }

    #endregion  
}  
#endregion  

}

　　相对来说，后台代码都是用的以前的知识，前台XAML代码有几点要记录一下：在此处Datatemplate声明为资源，然后通过ContentTemplate，ItemTemplate属性获取到资源。在上面的例子中还有要注意的地方是：UserControl的Content="{Binding SelectedItem,ElementName=listBox}属性为Object类，所以在此绑定ListBox的选定项作为Content，在通过绑定来获取图片和人物的信息，除此还有一个要注意的，还有个是数据驱动，以前我们使用事件驱动应该是通过选项的id来得到Student实体，然后把实体的信息在详情中显示，经过的步骤比较多，可见数据驱动的好处。

三、控件的外衣——ControlTemplate

　　ControlTemplate主要用于改变控件的形状，是对控件已有的形状不满意，通常借助Style来指定目标控件的Template属性来实现。下面我们就来举个例子，来以小见大。该例子是把TextBox的边框改成圆角。本例子要用到Blend工具。

首先在新建的项目主窗体中添加一个TextBox，然后通过编辑模板->编辑副本(如图3)

图3

然后通过出现一个创建Style资源，选择应用程序，以便其他控件也可以使用，如图4。之后发现转到App.xaml文件里面了。

图4

　　我们暂且不去看代码的意思，我们先看对象和时间线的截图（图5）模板下面有两个控件，但是具有层次关系，这不是我们以前记录的可视树吗？所以为控件指定ControlTemplate衣服，其实就是来修改可视树上的元素。我们把Style部分的代码改为上面介绍Style时引用的代码：

图5

    <Style x:Key="TextBoxStyle1" BasedOn="{x:Null}" TargetType="{x:Type TextBox}">  
        <Setter Property="Template">  
            <Setter.Value>  
                <ControlTemplate>  
                    <Border x:Name="Bd" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}"  

　　　　　　　　　　　　　　　　　　　　　　　　　　 Background="{TemplateBinding Background}" CornerRadius="10" SnapsToDevicePixels="true">

发现现在主窗体的textBox已经变成椭圆形的了。上面的代码只是让Border代替了原来的控件。然后去掉了Style的触发器（后面会记录到）。关于ControlTemplate，重在编辑里面的元素，以及元素的属性。下面看一下效果：

图6

除了上面的两个模板之外还有个是只和ItemsControl有关的PanelTemplate:指定 ItemsPresenter 为 ItemsControl 的项的布局创建的面板.也就是指定一个承载ItemsControl的条目的面板，以便使控件的布局更加灵活。例如，我们平时见到的ListBox控件都是竖着下来的，我们下面演示一个横着排列的，其中就利用到了PanelTemplate。代码和效果如图7：

图7

此功能不是本记录的重点，所以不做过多介绍。

四、DataTeplate的另外几种用法

4.1设置DataTemplate的DataType属性　　

　　除了为控件指定DataTeplate，还可以不指定DataTemplate。而是在DataTemplate设置DataType属性，类似于 Style 类的 TargetType 属性的属性。 如果将此属性设置为数据类型，但没有指定 x:Key， DataTemplate 自动应用于该类型的数据对象 。下面的例子是自动的使用于ItemsControl的条目：

¨C52C

其中Unit的代码为：

public class Unit  
{  
    public int Price { get; set; }  
    public string Year { get; set; }  
}

效果如图8：

图8

4.2DataTemplate对XML的支持

　　下面两个例子为两个比较常见的例子（TreeView和Menu），只给出代码和效果图，具体用的时间可以自己去试着修改：

XML

XAML

效果如图9

图9

    <HierarchicalDataTemplate DataType="Operation" ItemsSource="{Binding XPath=Operation}">  
        <StackPanel Orientation="Horizontal">  
            <TextBlock Text="{Binding XPath=@Name}" Margin="10,0"/>  
            <TextBlock Text="{Binding XPath=@Gesture}"/>  
        </StackPanel>  
    </HierarchicalDataTemplate>  
</Window.Resources>  
<StackPanel MenuItem.Click="StackPanel\_Click">  
    <Menu ItemsSource="{Binding Source={StaticResource ds}}"/>  
</StackPanel>  

后台代码是添加了单击事件来获取点击的是哪个菜单选项，我们可以根据其选项作出相应的操作。

    private void StackPanel\_Click(object sender, RoutedEventArgs e)  
    {  
        MenuItem mi = e.OriginalSource as MenuItem;  
        XmlElement xe = mi.Header as XmlElement;  
        MessageBox.Show(xe.Attributes\["Name"\].Value);  
    }

效果如图10

图10

五、Style

5.1Style的Setter

　　前面已经稍微理解了一下Style的概念，下面就来记录一下其用法，Setter是设置器的意思。Style有个Setters标签，里面的值为Setter集合。对应的格式为下面来看个例子：

图11

其中上面的Setters标签可以省略。通过Style来限制TextBox的格式，如果不想使用的话，可以使用Style=“{x:Null}”。当然Style也可以添加在App.xaml文件中。如果想用style的话可以用动态资源来套用。

5.2  Style中的基本Trigger

　　Trigger，触发器，当某些条件满足的时间会触发一个行为。下面先介绍一下基本trigger。Trigger中也有Property和Value，用来限制条件，除此之外还有Setters，表示满足条件呈现的样式。下面的图为当CheckBox选中是字体呈现Orange颜色和20号字体。

图12

5.3 Style中的MultiTrigger

　　这个触发器不能从名字上面理解，该触发器应该是多条件触发器，是属性满足了条件呈现特点的Style。下面例子为CheckBox选中，且Content为123的显示一定的Style。

图13

5.4由数据触发的DataTrigger

　　在程序设计中，经常碰到如果客户输入不合法的字符串，要显示文本框为红色，来提醒客户。下面就演示一下具体怎么用：下面的例子为TextBox中的Text长度小于7会让Border保持红色。

public class LongToBoolConverter : IValueConverter
{
#region IValueConverter 成员

    public object Convert(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)  
    {  
        int textLength = (int)value;  
        return textLength>6?true:false;  
    }

    public object ConvertBack(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)  
    {  
        throw new NotImplementedException();  
    }

    #endregion  
}

效果为图14:

图14

　　上面的代码中有个的地方是需要解释一下，绑定中有个的RelativeSource，RelativeSource 通过指定绑定源相对于绑定目标的位置，获取或设置绑定源。上面的意思其实就是绑定源的本身。上面还有个Converter，参数中的value已经是长度了，所以不需要直接转化为int型就可以了。

5.5多数据条件触发的MultiDataTrigger

　　和上面的MultiTrigger相比，MultiDataTrigger主要验证数据，MultiTrigger验证属性。

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
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.Shapes;

namespace Style
{
///