样式列表项基于其属性

时间:2014-06-13 09:35:21

标签: c# wpf xaml mvvm

我是WPF的新手,我正在尝试使用MVVM灯构建一个非常简单的应用程序。

在我的MainWindow.xaml(查看)中我有这个:

    <ListBox ItemsSource="{Binding InstalledVersions}"
             ItemTemplate="{StaticResource VersionsDataTemplate}"
             Style="{StaticResource VersionsStyle}"
             ItemContainerStyle="{StaticResource VersionItemStyle}"/>

其中InstalledVersions是InstalledVersionViewModel

的列表

在我的MainWindowResources.xaml中我有这个(简化):

<DataTemplate x:Key="VersionsDataTemplate"
              DataType="{x:Type viewmodels:InstalledVersionViewModel}">
    <Grid>
        <TextBlock Text="{Binding VersionNumber}" />
        <TextBlock Text="{Binding FolderPath}" />
    </Grid>
</DataTemplate>
<Style x:Key="VersionsStyle"
       TargetType="{x:Type ListBox}">
    <Setter Property="HorizontalContentAlignment" Value="Stretch" />
    <Setter Property="VerticalContentAlignment" Value="Center" />
</Style>
<Style x:Key="VersionItemStyle"
       TargetType="{x:Type ListBoxItem}">
    <Setter Property="Background" Value="White" />
</Style>

我希望有不同的背景,具体取决于我的InstalledVersionViewModel的“IsActive”属性。

我试图将这个(以及它的几个变体)添加到我的VersionItemStyle但是(我怀疑,主要是因为我不明白我在做什么)它不起作用:

    <Style.Triggers>
        <Trigger Property="{Binding Path=DataContext.IsActive, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type viewmodels:InstalledVersionViewModel}}}" Value="True">
            <Setter Property="Background" Value="Red" />
        </Trigger>
    </Style.Triggers>

谢谢!

1 个答案:

答案 0 :(得分:1)

由于IsActive是针对每一行的视图模型的一部分,因此您可以使用DataTrigger

实现该行
<Style x:Key="VersionItemStyle" TargetType="{x:Type ListBoxItem}">
   <Setter Property="Background" Value="White" />
   <Style.Triggers>
      <DataTrigger Binding="{Binding IsActive}" Value="True">
         <Setter Property="Background" Value="Red" />
      </DataTrigger>
   </Style.Triggers>
</Style>