跨多个控件同步 WPF ColorAnimation

发布于 2024-10-12 14:18:08 字数 942 浏览 3 评论 0原文

我有几个类似切换的按钮，我希望它们在按下状态时一致跳动。

我定义了一种带有触发器的样式，可以启动发光动画，除了每个按钮与其他按钮异步脉动之外，效果很好。

如何让每个按钮的脉冲与其他按钮同步？

风格是这样的：

<Storyboard x:Key="pulseStory">
    <ColorAnimation                                                                    
        Storyboard.TargetProperty="(Control.Background).(SolidColorBrush.Color)"
                    From="Red"
                    To="Transparent"
                    Duration="0:0:1" />
</Storyboard>

<Style x:Key="pulseButton" TargetType="Button">
    <Style.Triggers>
        <DataTrigger Binding="{Binding Tag,RelativeSource={RelativeSource Self}}" Value="True">
            <DataTrigger.EnterActions>
                <BeginStoryboard Storyboard="{StaticResource pulseStory}"/>
            </DataTrigger.EnterActions>
        </DataTrigger>
    </Style.Triggers>
</Style>

干杯！

原文

I have several toggle-like buttons that I want to pulsate in unison when in the pressed state.

I have defined a style with a trigger that kicks-off the glow animation and this works just fine, apart from the fact that each button pulsates asynchronously from the others.

How can I have each button synchronize its pulse to the others?

Here's the style:

<Storyboard x:Key="pulseStory">
    <ColorAnimation                                                                    
        Storyboard.TargetProperty="(Control.Background).(SolidColorBrush.Color)"
                    From="Red"
                    To="Transparent"
                    Duration="0:0:1" />
</Storyboard>

<Style x:Key="pulseButton" TargetType="Button">
    <Style.Triggers>
        <DataTrigger Binding="{Binding Tag,RelativeSource={RelativeSource Self}}" Value="True">
            <DataTrigger.EnterActions>
                <BeginStoryboard Storyboard="{StaticResource pulseStory}"/>
            </DataTrigger.EnterActions>
        </DataTrigger>
    </Style.Triggers>
</Style>

Cheers!

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

终陌 2024-10-19 14:18:08

好的...我会尝试一下这个...

WPF 框架没有任何用于同步同时运行的动画的工具，因此您将不得不想出一种不同的方法。脑海中浮现出一个想法...

对情节提要中隐藏的 UI 元素的某些 Color 属性进行动画处理，然后使用 UI 绑定（即 ElementName 绑定）将每个按钮的颜色连接到该隐藏的 UI 元素。

回复收藏 0 原文

童话 2024-10-19 14:18:08

实际上你应该通过资源来做到这一点，至少使用隐藏控件对我个人来说有点太多了。

它需要满足什么条件才能工作：

您绑定的属性需要是 DependencyProperty，因此您的封装对象需要是 DependencyObject。
您必须像这样将对象引用为静态资源（而不是动态资源）：

<DoubleAnimation
    Storyboard.Target="{StaticResource AnimationValue}"
    Storyboard.TargetProperty="(local:WrappedValue.Value)"
    To="0" Duration="0:0:1"/>

嗯，不可否认，为此拥有一个包装类也有点老套，但它比完全控制更干净（如果您想使用控件，您可以利用一些未使用的 Tag 属性，例如托管所有控件的容器的属性）

Actually you should be doing this via a resource, at least using a hidden control is a bit too much of a hack for me personally.

What needs to be met for it to work:

The property you bind to needs to be a DependencyProperty, hence your enveloping object needs to be a DependencyObject.
You have to reference the object as a static resource (as opposed to a dynamic resource) like this:

<DoubleAnimation
    Storyboard.Target="{StaticResource AnimationValue}"
    Storyboard.TargetProperty="(local:WrappedValue.Value)"
    To="0" Duration="0:0:1"/>

Well, admittedly it's a bit hacky as well to have a Wrapper-class for this but it's cleaner than a full control (if you want to use controls you can utilize some unused Tag-property, e.g. of the container that hosts all your controls)

回复收藏 0 原文

~没有更多了~