WPF/XAML：从 ControlTemplate.Trigger 访问 ControlTemplate 外部的元素

Question

我有一个带有灯和开关的 WPF 应用程序。当我按下开关时，开关和灯应更改为“ON”图像，当我再次按下时，它们应更改为“OFF”图像。我有一个限制：我只能在 XAML 中严格执行此操作，因此不能使用代码隐藏文件。 我这样做的方法是重新定义 ToggleButton 的控件模板。此控制模板中只有灯开关（灯本身不应该可单击），这显然是我的问题。我无法从控制模板触发器内部访问灯开关。我收到以下错误“找不到触发器目标‘lightImage’。（目标必须出现在使用它的任何 Setter、触发器或条件之前。）”

这是我的代码：

 <Image Name="lightImage" Source="Resources/LOFF.bmp" Stretch="None" Canvas.Left="82" Canvas.Top="12"/>
  <ToggleButton Canvas.Left="169" Canvas.Top="123">
    <ToggleButton.Template>
      <ControlTemplate TargetType="ToggleButton">
        <Image Name="switchImage" Source="Resources/SUp.bmp"/>
        <ControlTemplate.Triggers>
          <Trigger Property="IsChecked" Value="True">
            <Setter TargetName="switchImage" Property="Source" Value="Resources/SDown.bmp" />
            <Setter TargetName="lightImage" Property="Source" Value="Resources/LON.bmp"/>
          </Trigger>
          <Trigger Property="IsChecked" Value="False">
            <Setter TargetName="switchImage" Property="Source" Value="Resources/SUp.bmp"/>
            <Setter TargetName="lightImage" Property="Source" Value="Resources/LOFF.bmp"/>
          </Trigger>
        </ControlTemplate.Triggers>
      </ControlTemplate>
    </ToggleButton.Template>
  </ToggleButton>

还有其他方法可以做到这一点吗？ 干杯

Answer 1

您似乎有“onImage”，但试图引用“lightImage”？

编辑：由于这些触发器位于您的控件模板内，我认为它仅在该模板内查找“lightImage”。您应该在后面的代码中为“源”创建一个属性，并将其绑定到图像和按钮中。

Edit2：如果后面没有代码，也许你可以尝试一些相对绑定：

{Binding RelativeSource={RelativeSource
FindAncestor, AncestorType={x:Type Canvas}},
Path=lightImage.Source}

抱歉，如果这完全是愚蠢的，我使用Silverlight，这仅在WPF中可用，所以只是一个疯狂的猜测！

不管怎样，想法来自这个备忘单，似乎你可以在 WPF 中拥有相当复杂的绑定，因此值得尝试一些不同的绑定： http://www.nbdtech.com/Free/WpfBinding.pdf

Answer 2

最后，我修好了。我不认为您可以在我不想点击的图像上使用“IsHitTestVisible”属性。有了这个属性，我可以将 lightImage 放入控件模板中，瞧。

代码如下：

<ToggleButton Canvas.Left="81" Canvas.Top="20">
            <ToggleButton.Template>
                <ControlTemplate TargetType="ToggleButton">
                    <Canvas>
                        <Image x:Name="lightImage"  Source="Resources/LOFF.bmp" IsHitTestVisible="False" />
                        <Image x:Name="switchImage" Source="Resources/SUp.bmp" Canvas.Left="88" Canvas.Top="100"/>
                    </Canvas>
                    <ControlTemplate.Triggers>
                        <Trigger Property="IsChecked" Value="True">
                            <Setter TargetName="lightImage" Property="Source" Value="Resources/LON.bmp"/>
                            <Setter TargetName="switchImage" Property="Source" Value="Resources/SDown.bmp"/>
                        </Trigger>
                        <Trigger Property="IsChecked" Value="False">
                            <Setter TargetName="lightImage" Property="Source" Value="Resources/LOFF.bmp"/>
                            <Setter TargetName="switchImage" Property="Source" Value="Resources/SUp.bmp"/>
                        </Trigger>
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </ToggleButton.Template>
        </ToggleButton>