Datatrigger 更改 ImageBrush 源

Question

目前正在开发黑白棋游戏，这是棋盘上一块石头的 ControlTemplate，我正在使用 DataTrigger 查看石头的所有者是谁，以便将按钮设置为适当的图像，但是当我使用setter 上的 TargetName（到 imga 的画笔）。我得到一个错误 "Cannot find the Trigger target 'imga'. (The target must appear before any Setters, Triggers, or Conditions that use it.) "

但是因为我在 setter 之前声明了这个画笔，所以这对我来说真的很奇怪。此代码在 app.xaml 资源中。

提前致谢

这是按钮的相关部分

 <Style x:Key="0" TargetType="{x:Type Button}">
        <Setter Property="Foreground" Value="White" />
        <Setter Property="SnapsToDevicePixels" Value="True" />
        <Setter Property="Height" Value="48"/>
        <Setter Property="Width" Value="48" />
         <Setter Property="Template">

            <Setter.Value>
                <ControlTemplate TargetType="{x:Type Button}">
                    <Ellipse>
                        <Ellipse.Fill x:Uid="filler">
                            <ImageBrush x:Name="imga" ImageSource="afbeeldingen/vuur.jpg"/>

                        </Ellipse.Fill>
                    </Ellipse>

                    <ControlTemplate.Triggers>
                        <Trigger Property="IsMouseOver" Value="True">
                            <Setter Property="Background" Value="#E59400" />

                        </Trigger>

                        <DataTrigger Binding="{Binding Owner.Value.ArrayIndex}" Value="0">
                            <DataTrigger.Setters>

                                <Setter TargetName="imga" Property="ImageSource" Value="afbeeldingen/vuur.jpg" />


                            </DataTrigger.Setters>
                        </DataTrigger>

Answer 1

imga 不是模板的一部分，它是一种资源，因此您不能通过触发器更改其属性。您需要做的是从您的 Ellipse 中更改 Fill 属性。你会有这样的东西：

<ControlTemplate TargetType="{x:Type Button}">
    <Ellipse x:Name="myEllipse">
        <Ellipse.Fill x:Uid="filler">
            <ImageBrush x:Name="imga" ImageSource="afbeeldingen/vuur.jpg"/>
        </Ellipse.Fill>
    </Ellipse>

    <ControlTemplate.Triggers>
        <Trigger Property="IsMouseOver" Value="True">
            <Setter Property="Background" Value="#E59400" />
        </Trigger>

        <DataTrigger Binding="{Binding Owner.Value.ArrayIndex}" Value="0">
            <DataTrigger.Setters>
                <Setter TargetName="myEllipse" Property="Fill">
                    <Setter.Value>
                        <ImageBrush x:Name="imga" ImageSource="afbeeldingen/vuur.jpg"/>
                    </Setter.Value>
                </Setter>
            </DataTrigger.Setters>
        </DataTrigger>

Datatrigger 更改 ImageBrush 源

Datatrigger Change ImageBrush source

wpf

xaml

controltemplate

datatrigger