2016-03-04 38 views
0

我有一个ItemsControl,并希望每个项目根据其包含的数据设置其颜色主题。我有2个可用主题(红色和蓝色)的资源字典和一个定义如何应用这些颜色的DataTemplate。如何为每一行分配当前资源字典?如何将不同的颜色设置应用于ItemsControl中的每个项目?

<Window x:Class="WpfApplication1.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:WpfApplication1" 
     mc:Ignorable="d" 
     Title="MainWindow" Height="350" Width="525"> 
    <Window.Resources> 
     <ResourceDictionary> 
      <!-- 2 dictionaries with style colors --> 
      <ResourceDictionary x:Key="RedStyle"> 
       <SolidColorBrush x:Key="BorderBrush" Color="Red" /> 
       <SolidColorBrush x:Key="TextBrush" Color="Red" /> 
      </ResourceDictionary> 

      <ResourceDictionary x:Key="BlueStyle"> 
       <SolidColorBrush x:Key="BorderBrush" Color="Blue" /> 
       <SolidColorBrush x:Key="TextBrush" Color="Blue" /> 
      </ResourceDictionary> 

     </ResourceDictionary> 
    </Window.Resources> 
    <Grid> 
     <ItemsControl ItemsSource="{Binding list}"> 
      <ItemsControl.ItemTemplate> 
       <DataTemplate> 
        <Border BorderBrush="{StaticResource BorderBrush}"> 
         <TextBlock Text="{Binding}" Foreground="TextBrush" /> 
        </Border> 
       </DataTemplate> 
      </ItemsControl.ItemTemplate> 
     </ItemsControl>   
    </Grid> 
</Window> 

更新:的DataTemplate中和套刷是我真正的项目大得多。我想要做的是避免重复DataTemplate布局代码,同时仍然能够拥有2种不同的颜色样式。

+0

你想分配基于数据的一些属性正在被模板的颜色?索引?还有其他的东西吗? –

+0

是的项目包含一个属性,可以转换成样式名称 – Poma

回答

0

相关的你的任务,你可以申请DataTriggers像显示在下面的例子:

<ItemsControl.Style> 
    <Style> 
     <Style.Triggers> 
      <DataTrigger Binding="{Binding Items.TheAttribute}" Value="AttributeValue1"> 
       <Setter Property="BorderBrush" Value="Red"/> 
       <Setter Property="TextBrush" Value="Red"/> 
      </DataTrigger> 
      <DataTrigger Binding="{Binding Items.TheAttribute}" Value="AttributeValue2"> 
       <Setter Property="BorderBrush" Value="Blue"/> 
       <Setter Property="TextBrush" Value="Blue"/> 
      </DataTrigger> 
     </Style.Triggers> 
    </Style> 
</ItemsControl.Style> 

在这个例子中,你并不需要在你的ResourceDictionary指定的Styles

或者,您可以使用<Style.Triggers>根据您的ResourceDictionary设置Style,而不是设置各个属性的值。

希望这可能有所帮助。

0

注意:无法使用Triggers有条件地应用ResourceDictionary。

你有一次性使用四种选择。

  1. 把你DataTemplate在单个资源字典,或者在不同的字典相应DataTemplate秒。

    <ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
            xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
            xmlns:sys="clr-namespace:System;assembly=mscorlib"> 
    
    <DataTemplate DataType="{x:Type sys:String}"> 
        <TextBlock Text="{Binding .}"> 
         <TextBlock.Style> 
          <Style TargetType="TextBlock"> 
           <Style.Triggers> 
            <Trigger Property="Text" Value="Name1"> 
             <Setter Property="Background" Value="Red"/> 
            </Trigger> 
           </Style.Triggers> 
          </Style> 
         </TextBlock.Style> 
        </TextBlock> 
    </DataTemplate> 
    
    </ResourceDictionary> 
    

    用法:

    <ItemsControl.Resources>    
          <ResourceDictionary Source="RedStyle.xaml"/> 
        </ItemsControl.Resources>    
    
  2. 使用DataTemplateSelector应用一些复杂的逻辑,并分配相应DataTemplates。在这个网上有好的tutorials

  3. 使用混合行为来使用纯XAML来做到这一点。

  4. 使用Loaded事件控制出现在DataTemplate使用代码加载Res字典。最简单的方法!

     <DataTemplate> 
          <TextBlock Loaded="TextBlock_Loaded" Text="{Binding .}"/> 
         </DataTemplate> 
    

    代码:

    private void TextBlock_Loaded(object sender, RoutedEventArgs e) 
        { 
         TextBlock tb = sender as TextBlock; 
         if (tb.Text == "Name123") 
          tb.Resources.MergedDictionaries.Add(new ResourceDictionary() { Source = new Uri("RedStyle.xaml", UriKind.Relative) }); 
        } 
    
+0

我不明白一些部​​分。您正在编写示例,就好像我有多个DataTemplates一样。我只有1个DataTemplate和2组画笔。我试图避免重复DataTemplate布局代码,因为我的真实项目中的一个比较大。 – Poma

+0

@Poma我建议的方法。因为你试图做的事情是不可能的。没有代码的条件Res字典加载是不可能的。仔细查看我的最后一部分,或更新您的问题。 – AnjumSKhan

相关问题