WPF实现动画

最新推荐文章于 2024-09-03 14:53:19 发布

原创最新推荐文章于 2024-09-03 14:53:19 发布 · 497 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#wpf

.net core 同时被 2 个专栏收录

50 篇文章

订阅专栏

WPF

36 篇文章

订阅专栏

该博客内容涉及如何利用SVG图像和WPF框架中的动画技术，为Logo设计一个动态加载效果。通过创建一个Image元素，并结合EventTrigger和Storyboard，设置了Logo的ScaleX属性以实现从0到360的平滑缩放，同时配合DoubleAnimation进行宽度变化，形成循环播放的动画，增加了视觉吸引力。

            <Image Name="logo"  
                 Source="/Assets/Images/logo.ico" >
                <Image.Triggers>
                    <EventTrigger RoutedEvent="Image.Loaded">
                        <BeginStoryboard>
                            <Storyboard TargetProperty="ScaleX" RepeatBehavior="Forever">
                                <DoubleAnimation  
                                             Storyboard.TargetProperty="(Image.Width)"
                                             From="0" To="360"
                                             BeginTime="0:0:0"
                                             Duration="0:0:5"  
                                             AutoReverse="True"/>
                            </Storyboard>
                        </BeginStoryboard>
                    </EventTrigger>
                </Image.Triggers>
            </Image>