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="20" Margin="5" Background="#F8F8F8">
                <TextBlock HorizontalAlignment="Center" VerticalAlignment="Center" Text="{Binding Content}"/>
            </Border>
        </DataTemplate>
        <!--图片-->
        <DataTemplate x:Key="imageTemplate">
            <Border Background="#F8F8F8"  Margin="5">
                <Image MaxHeight="100" HorizontalAlignment="Center" VerticalAlignment="Center" MaxWidth="100" Stretch="Uniform" Source="{Binding Content}"/>
            </Border>
        </DataTemplate>
        <!--文件-->
        <DataTemplate 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>
        </DataTemplate>

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

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