如何在启动时动画按钮

本文关键字:动画 按钮 启动 | 更新日期: 2023-09-27 18:14:13

我正在做一个启动按钮,提示用户在开始时单击它。

我想动画我的按钮在启动时,与按钮鼠标悬停和鼠标出的动画,使它看起来像它的闪烁。然后当它被点击时停止动画。

你知道怎么做吗?

如何在启动时动画按钮

你的主故事板将由按钮的Loaded事件触发。然后你会在Click事件上有另一个事件触发器,它会移除在Loaded事件中创建的故事板。

例如:

    <Button>
        <Button.Background>
            <SolidColorBrush Color="White"/>
        </Button.Background>
        <Button.Triggers>
            <EventTrigger RoutedEvent="Button.Loaded">
                <BeginStoryboard Name="MainStoryboard">
                    <Storyboard Storyboard.TargetProperty="Background.Color" Duration="00:00:02" RepeatBehavior="Forever">
                        <ColorAnimation To="Black" AutoReverse="True"/>
                    </Storyboard>
                </BeginStoryboard>
            </EventTrigger>
            <EventTrigger RoutedEvent="Button.Click">
                <RemoveStoryboard BeginStoryboardName="MainStoryboard"/>
            </EventTrigger>
        </Button.Triggers>
        Test
    </Button>