WPF动态模板选择的两种实现

　 前言

　.net开发工作了六年，看了大量的博客，现在想开始自己写博客，这是我的第一篇博客，试试水，就从自己最常使用的WPF开始。

　　今天我来给大家分享可用户动态选择控件模板的两种实现方式：DataTrigger实现；TemplateSelector实现。

　　DataTrigger实现

要通过datatrigger实现动态选择控件Template,首先我们得为控件定义一个Style,直接对style进行Trigger设置，如下：

  <Style TargetType="ListBoxItem">
                 <Style.Triggers>
                         。。。。。
                 </Style.Triggers>
   </Style>

　　因为对于DataTrigger的Setter，我们能够进行设置的Template是ControlTemplate,所以我们需要添加控件ControlTemplate资源

             <!--字符串-->
             <ControlTemplate  x:Key="textTemplate">
                 <Border Height="20" Margin="5" Background="#F8F8F8">
                     <TextBlock HorizontalAlignment="Center" VerticalAlignment="Center" Text="{Binding Content}"/>
                 </Border>
             </ControlTemplate>
             <!--图片-->
             <ControlTemplate x:Key="imageTemplate">
                 <Border Background="#F8F8F8"  Margin="5">
                     <Image MaxHeight="100" HorizontalAlignment="Center" VerticalAlignment="Center" MaxWidth="100" Stretch="Uniform" Source="{Binding Content}"/>
                 </Border>
             </ControlTemplate>
             <!--文件-->
             <ControlTemplate x:Key="fileTemplate">
                 <Border Background="#F8F8F8"  Margin="5">
                     <StackPanel Orientation="Horizontal" HorizontalAlignment="Center" VerticalAlignment="Center">
                         <Image Height="30" Width="30" Stretch="Uniform" HorizontalAlignment="Center" VerticalAlignment="Center" Source="file.ico"/>
                         <TextBlock HorizontalAlignment="Center" VerticalAlignment="Center" Text="{Binding  Content,Converter={StaticResource FilePathToNameConverter}}"/>
                     </StackPanel>
                 </Border>
             </ControlTemplate>

　　　　接下来就是关键部分，我们需要把Style补全，如下：

  <Style TargetType="ListBoxItem">
                 <Style.Triggers>
                     <DataTrigger Binding="{Binding ItemType}" Value="text">
                         <Setter Property="Template" Value="{StaticResource textTemplate}"></Setter>
                     </DataTrigger>
                     <DataTrigger Binding="{Binding ItemType}" Value="image">
                         <Setter Property="Template" Value="{StaticResource imageTemplate}"></Setter>
                     </DataTrigger>
                     <DataTrigger Binding="{Binding ItemType}" Value="file">
                         <Setter Property="Template" Value="{StaticResource fileTemplate}"></Setter>
                     </DataTrigger>
                 </Style.Triggers>
             </Style>

　　此处显示指定了TargetType,对于其他类型控件也可通过key进行手动设置style。

　　TemplateSelector实现

　　该部分就简单描述一下，首先需要创建DataTemplateSelector的子类，顾名思义，该选择器仅能支持对DataTemplate的选择。

 public class ItemTemplateSelector : DataTemplateSelector
    {
        public DataTemplate TextTemplate { get; set; }
        public DataTemplate ImageTemplate { get; set; }
        public DataTemplate FileTemplate { get; set; }

        public override DataTemplate SelectTemplate(object item, DependencyObject container)
        {
            var listitem = item as ListItem;
            if (listitem == null) return TextTemplate;
            switch (listitem.ItemType)
            {
                case itemtype.text:
                    return TextTemplate;
                case itemtype.image:
                    return ImageTemplate;
                case itemtype.file:
                    return FileTemplate;
            }
            return base.SelectTemplate(item, container);
        }
    }

并在xaml的资源中添加datatemplate资源及DataTemplateSelector资源

  <!--字符串-->
        <DataTemplate  x:Key="textTemplate">
            <Border Height="" Margin="" Background="#F8F8F8">
                <TextBlock HorizontalAlignment="Center" VerticalAlignment="Center" Text="{Binding Content}"/>
            </Border>
        </DataTemplate>
        <!--图片-->
        <DataTemplate x:Key="imageTemplate">
            <Border Background="#F8F8F8"  Margin="">
                <Image MaxHeight="" HorizontalAlignment="Center" VerticalAlignment="Center" MaxWidth="" Stretch="Uniform" Source="{Binding Content}"/>
            </Border>
        </DataTemplate>
        <!--文件-->
        <DataTemplate x:Key="fileTemplate">
            <Border Background="#F8F8F8"  Margin="">
                <StackPanel Orientation="Horizontal" HorizontalAlignment="Center" VerticalAlignment="Center">
                    <Image Height="" Width="" Stretch="Uniform" HorizontalAlignment="Center" VerticalAlignment="Center" Source="file.ico"/>
                    <TextBlock HorizontalAlignment="Center" VerticalAlignment="Center" Text="{Binding  Content,Converter={StaticResource FilePathToNameConverter}}"/>
                </StackPanel>
            </Border>
        </DataTemplate>

        <local:ItemTemplateSelector x:Key="selector1"
                                    TextTemplate ="{StaticResource textTemplate}"
                                    ImageTemplate="{StaticResource imageTemplate}"
                                    FileTemplate="{StaticResource fileTemplate}"/>

完成该操作后只需对ListView设置ItemTemplateSelector即可。