当ListView为空时如何通过触发器更改按钮图像

Question

我想将 ListView 上的 WPF Button 图像更改为空，但现在不知道我必须从触发器中设置哪个属性。

<Style x:Key="DisableOnEmptyLvStyle" TargetType="{x:Type Button}">
    <Style.Triggers>
        <DataTrigger Binding="{Binding ElementName=myListView, Path=Items.Count}" Value="0">
            <Setter Property="IsEnabled" Value="False"/>
            <!-- which button property I must set here? -->
        </DataTrigger>
    </Style.Triggers>
</Style>

<Button Style="{StaticResource DisableOnEmptyLvStyle}">
    <Image Source="{StaticResource myImage}"/>
</Button>

一旦 ListView 有项目，则图像必须更改为正常图像。

有什么想法如何做到这一点？

Answer 1

您永远不应该使用 Style 直接设置 Content，因为 Style 实例化一次并可能在多个控件中重复使用。问题在于，您在 Setter 中为 Content 分配的值也会实例化一次并共享，但一个控件只能有一个WPF 中的父级。

会出现什么问题？如果您设置或更改样式中的 Content 并为多个 Button 等引用它，您将看到只有最后一个按钮显示图像。第一个按钮将其图像设置为 Content，然后下一个按钮将图像设置为 Content 并有效删除第一个按钮的内容。

您可以考虑两种选择。

1. 将图像创建为资源，并通过设置 x:Shared 属性设置为 False。

   <块引用>

   当设置为 false 时，会修改 WPF 资源检索行为，以便对属性资源的请求为每个请求创建一个新实例，而不是为所有请求共享同一实例。

   ;
      
   
      
      
   
      
   

2. 创建数据模板并交换它们。这是有效的，因为 - 顾名思义 - 它们是模板，并且其控件将为它们应用到的每个控件进行实例化。

   <样式 x:Key="DisableOnEmptyLvStyle" TargetType="{x:Type Button}">
      
         <设置器.值>
            <数据模板>
               <图像源=“{StaticResource myImage}”/>
            
         
      
      <样式.触发器>
         
            
            
               <设置器.值>
                  <数据模板>
                     <图像源=“{StaticResource myOtherImage}”/>
                  
               
            
         
      
   
   

   <按钮样式=“{StaticResourceDisableOnEmptyLvStyle}”/>
   

Answer 2

请尝试以下操作：

<Style x:Key="DisableOnEmptyLvStyle" TargetType="{x:Type Button}">
<Setter Property="Content">
    <Setter.Value>
        <Image Source="{StaticResource myImageAtLeastOne}"/>
    </Setter.Value>
</Setter>
<Style.Triggers>
    <DataTrigger Binding="{Binding ElementName=myListView, Path=Items.Count}" Value="0">
        <Setter Property="IsEnabled" Value="False" />
        <Setter Property="Content">
            <Setter.Value>
                <Image Source="{StaticResource myImageEmpty}"/>
            </Setter.Value>
        </Setter>
    </DataTrigger>
</Style.Triggers>
</Style>

<Button Style="{StaticResource DisableOnEmptyLvStyle}" />