.NET 7.0 WPF绑定生效却报运行时绑定错误的原因及解决方法

错误原因 #

你在GrayscaleEffect的Input绑定中使用了RelativeSource={RelativeSource Self}，这里的Self指向的是GrayscaleEffect自身实例，而Source是Image控件独有的属性，GrayscaleEffect并没有这个属性，因此WPF会持续抛出绑定路径不存在的错误。

解决方法 #

有两种可靠的解决方式，推荐第二种更简洁的方案：

方案一：绑定到父级Image控件的Source #

修改Style中Effect的绑定逻辑，通过FindAncestor向上查找视觉树中的Image控件，绑定它的Source属性：

<Style TargetType="Image" x:Key="GrayscaleImageStyle">
  <Style.Triggers>
    <Trigger Property="IsEnabled" Value="False">
      <Setter Property="Effect">
        <Setter.Value>
          <!-- 绑定到上级Image控件的Source -->
          <shaders:GrayscaleEffect Input="{Binding RelativeSource={RelativeSource AncestorType={x:Type Image}}, Path=Source}" />
        </Setter.Value>
      </Setter>
      <Setter Property="Opacity" Value="0.5"/>
    </Trigger>
  </Style.Triggers>
</Style>

方案二：移除Input绑定（推荐） #

WPF的Effect控件默认会自动将应用它的UI元素（此处为Image）的视觉渲染结果作为Input，完全不需要手动绑定。直接删除Input属性即可：

<Style TargetType="Image" x:Key="GrayscaleImageStyle">
  <Style.Triggers>
    <Trigger Property="IsEnabled" Value="False">
      <Setter Property="Effect">
        <Setter.Value>
          <!-- 无需手动指定Input，Effect会自动获取目标元素的视觉输入 -->
          <shaders:GrayscaleEffect />
        </Setter.Value>
      </Setter>
      <Setter Property="Opacity" Value="0.5"/>
    </Trigger>
  </Style.Triggers>
</Style>

这种方式既消除了绑定错误，又简化了代码，效果和原逻辑完全一致。

内容的提问来源于stack exchange，提问作者Gilles jr Bisson