如何在 WPF 的数据模板中使用触发器

Question

如何根据 IsChecked 属性更改复选框中当前选定元素图标的属性填充？

我的资源字典：

<UserControl.Resources>
    <ResourceDictionary>
        <ResourceDictionary.MergedDictionaries>
            <!-- (...) --> 
        </ResourceDictionary.MergedDictionaries>
        <DataTemplate x:Key="FooTemplate">
            <Icons:ExIcon Fill="Red"
                          Width="12"
                          Height="Auto">
                <!--
                <Icons:ExIcon.Triggers>
                    <DataTrigger Binding="{Binding RelativeSource={???}}, Path=???}" Maybe here?
                       Value="???"/>
                </Icons:ExIcon.Triggers>
                -->
            </Icons:ExIcon>
        </DataTemplate> 
        <!-- (...) -->
        <styles:IconSelector x:Key="IconSelector"
                             FooTemplate="{StaticResource FooTemplate}"
                             FooTemplateSSecond="{StaticResource FooTemaplteSecond}"/>

还有列表框：

<ListBox ItemsSource="{Binding DataSources}">
    <ListBox.ItemTemplate>
        <DataTemplate>
            <StackPanel Orientation="Horizontal">
                <!-- (...) --> 
                <CheckBox IsChecked="{Binding IsSelected, Mode=TwoWay}">
                    <CheckBox.Template>
                        <!-- (...) --> 
                        <ContentControl Name="Icon"
                                        Content="{Binding}"
                                        ContentTemplateSelector="{StaticResource IconSelector}"
                                        HorizontalAlignment="Right"
                                        Grid.Column="1"/>
                        <!-- (...) --> 
                    </CheckBox.Template>
                </CheckBox>
            </StackPanel>
        </DataTemplate>
    </ListBox.ItemTemplate>
</ListBox>

有可能吗？

Answer 1

我并不完全清楚您的CheckBox.Template 是什么样子。 Icons:ExIcon Control 对我来说也是个谜。无论如何，这是一个小的工作示例。它使用矩形而不是您的 ExIcon。但您可以轻松替换它；-) 我通过 DataTrigger 直接绑定到 IsSelected，而不是通过 ElementName 或 RelativeSource 搜索。

XAML：

       <ListBox ItemsSource="{Binding}">
        <ListBox.Resources>
            <DataTemplate x:Key="template1">
                <StackPanel Orientation="Horizontal">
                    <CheckBox IsChecked="{Binding Path=IsSelected}" />
                    <Rectangle Height="20"
                               Width="20">
                        <Rectangle.Style>
                            <Style TargetType="Rectangle">
                                <Setter Property="Fill"
                                        Value="Blue" />
                                <Style.Triggers>
                                    <DataTrigger Binding="{Binding Path=IsSelected}"
                                                 Value="True">
                                        <Setter Property="Fill"
                                                Value="Red" />
                                    </DataTrigger>
                                </Style.Triggers>
                            </Style>
                        </Rectangle.Style>
                    </Rectangle>
                </StackPanel>
            </DataTemplate>
        </ListBox.Resources>
        <ListBox.ItemTemplate>
            <DataTemplate>
                <ContentControl ContentTemplate="{StaticResource template1}" Content="{Binding}">

                </ContentControl>
            </DataTemplate>
        </ListBox.ItemTemplate>
    </ListBox>

注意 Content="{Binding}"。这会将ContentPresenter 的DataContext 设置为ListBoxItem 的“实际”DataContext。如果您使用 VS2015，您可以使用 VisualTreeViewer 进行调查，否则您可以使用 https://snoopwpf.codeplex.com/

您还应该考虑将IsSelected重命名为IsChecked。通常，您使用IsSelected 属性来指示该行是否被选中。