我可以访问 WPF 数据模板中的命名填充渐变吗？

Question

我有一个包含许多分层文本和图形对象的数据模板。其中之一是来自矩形的 RadialGradientBrush Fill 属性的发光效果。首先，我将矩形命名为“矩形”并绑定到“填充”属性，并使用 DataTrigger 更改它。这工作得很好，但我在资源部分有许多 RadialGradientBrush 对象，正如您在下面看到的，当我想做的只是更改 GradientStops 时，需要重复很多工作。因此，我删除了 Fill 绑定并添加并命名为 RadialGradientBrush，虽然我可以从资源绑定到画笔，但无法在 DataTrigger 中访问它。我收到“找不到触发目标”错误。

<Rectangle x:Name="Glow" IsHitTestVisible="False" RadiusX="1.5" RadiusY="1.5" VerticalAlignment="Stretch" HorizontalAlignment="Stretch" StrokeThickness="0" Opacity="1.0">
    <Rectangle.Fill>
        <RadialGradientBrush x:Name="GlowGradient" Center="0.5,0.848" GradientOrigin="0.5,0.818" RadiusX="-1.424" RadiusY="-0.622" GradientStops="{StaticResource DefaultGradient}">
            <RadialGradientBrush.RelativeTransform>
                <TransformGroup>
                    <ScaleTransform CenterX="0.5" CenterY="0.848" ScaleX="1" ScaleY="1.8"/>
                    <SkewTransform AngleX="0" AngleY="0" CenterX="0.5" CenterY="0.848"/>
                    <RotateTransform Angle="-33.418" CenterX="0.5" CenterY="0.848"/>
                    <TranslateTransform Y="0.278"/>
                </TransformGroup>
            </RadialGradientBrush.RelativeTransform>
        </RadialGradientBrush>
    </Rectangle.Fill>
</Rectangle>

在资源中，我有几个像这样的 RadialGradientBrush 对象。

<RadialGradientBrush x:Key="EscalatedGlow" Center="0.5,0.848" GradientOrigin="0.5,0.818" RadiusX="-1.424" RadiusY="-0.622">
    <RadialGradientBrush.RelativeTransform>
        <TransformGroup>
            <ScaleTransform CenterX="0.5" CenterY="0.848" ScaleX="1" ScaleY="1.8"/>
            <SkewTransform AngleX="0" AngleY="0" CenterX="0.5" CenterY="0.848"/>
            <RotateTransform Angle="-33.418" CenterX="0.5" CenterY="0.848"/>
            <TranslateTransform Y="0.278"/>
        </TransformGroup>
    </RadialGradientBrush.RelativeTransform>
    <GradientStop Color="Aqua" Offset="0.168"/>
    <GradientStop Color="#5E1D96FF" Offset="0.474"/>
    <GradientStop Color="#1101FFFF" Offset="1"/>
</RadialGradientBrush>

我想用更少的代码来替换每次颜色更改，因此我在资源中创建了一些 GradientStopCollection 对象来替换它们。

<GradientStopCollection x:Key="EscalatedGradient">
    <GradientStop Color="Aqua" Offset="0.168"/>
    <GradientStop Color="#5E1D96FF" Offset="0.474"/>
    <GradientStop Color="#1101FFFF" Offset="1"/>
</GradientStopCollection>

虽然我可以绑定到资源渐变，但问题是我无法访问 GlowGradient 画笔来更改其 GradientStops 属性。我以前可以使用 DataTrigger 和以下内容来访问发光矩形。

<DataTrigger Binding="{Binding Path=Status}" Value="Escalated">
    <Setter TargetName="Glow" Property="Fill" Value="{StaticResource EscalatedGlow}"/>
</DataTrigger>

当我使用以下命令时，出现“找不到触发目标”错误。

<DataTrigger Binding="{Binding Path=Status}" Value="Escalated">
        <Setter TargetName="GlowGradient" Property="GradientStops" Value="{StaticResource EscalatedGradient}"/>
</DataTrigger>

我想必须有一种方法可以让我不必每次想要更改颜色时都复制整个 RadialGraientBrush。有没有办法从 DataTrigger 访问矩形填充画笔？有人有什么建议吗？提前致谢。

Answer 1

最后，我使用了以下代码：

<Rectangle Name="Glow" IsHitTestVisible="False" RadiusX="2.5" RadiusY="2.5" 
Fill="{StaticResource OrangeGlow}" />

<Storyboard x:Key="GlowColourStoryboard" TargetName="Glow" Duration="0:0:1.5" 
AutoReverse="True" BeginTime="0:0:0" RepeatBehavior="Forever">
    <ColorAnimation Storyboard.TargetProperty="Fill.GradientStops[0].Color" 
To="{StaticResource RedGradient.Colour1}" />
    <ColorAnimation Storyboard.TargetProperty="Fill.GradientStops[1].Color" 
To="{StaticResource RedGradient.Colour2}" />
    <ColorAnimation Storyboard.TargetProperty="Fill.GradientStops[2].Color" 
To="{StaticResource RedGradient.Colour3}" />
</Storyboard>

我没有显示 Brush 资源，因为......好吧，您可以制作自己的资源。这个 Storyboard 按以下方式使用并按要求工作：

<DataTrigger.EnterActions>
    <BeginStoryboard Storyboard="{StaticResource GlowColourStoryboard}" />
</DataTrigger.EnterActions>