WPF之使用Storyboard故事板做动画效果

最新推荐文章于 2024-07-25 16:02:00 发布

日照香炉生紫烟~

最新推荐文章于 2024-07-25 16:02:00 发布

阅读量1.7k

点赞数 3

分类专栏： WPF 文章标签： wpf

本文链接：https://blog.csdn.net/qq_40131199/article/details/127240314

版权

WPF 专栏收录该内容

11 篇文章 1 订阅

订阅专栏

通过Storyboard实现位移和透明度变化动画效果

第一种方式通过Window.Resources在XAML中写的

  <Grid>
        <Border x:Name="bor" Background="LightBlue" Margin="0,100,0,-100" Opacity="1"></Border>
        <Button x:Name="btn" Width="100" Height="40" ></Button>
    </Grid>

 <Window.Resources>
        <Storyboard x:Key="sb">
            <ThicknessAnimation Duration="0:0:1" From="0,100,0,-100" To="0,0,0,0" Storyboard.TargetProperty="Margin" Storyboard.TargetName="bor" />
            <DoubleAnimation Duration="0:0:1" From="0" To="1" Storyboard.TargetProperty="Opacity" Storyboard.TargetName="bor"/>
        </Storyboard>
    </Window.Resources>

怎么触发呢！！！

 <Window.Triggers>
        <EventTrigger RoutedEvent="Button.Click" SourceName="btn">
            <BeginStoryboard Storyboard="{StaticResource sb}">
                
            </BeginStoryboard>
        </EventTrigger>
    </Window.Triggers>

第二种方式通过Button的Click事件触发

 ThicknessAnimation thicknessAnimation = new ThicknessAnimation();
            thicknessAnimation.Duration = new TimeSpan(0, 0, 0, 1);
            thicknessAnimation.From = new Thickness(0, 100, 0, -100);
            thicknessAnimation.To = new Thickness(0, 0, 0, 0);
            //this.bor.BeginAnimation(MarginProperty, thicknessAnimation);

            DoubleAnimation doubleAnimation = new DoubleAnimation();
            doubleAnimation.Duration = new TimeSpan(0, 0, 0, 1);
            doubleAnimation.From = 0;
            doubleAnimation.To = 1;
            //this.bor.BeginAnimation(OpacityProperty, doubleAnimation);

            Storyboard storyboard = new Storyboard();
            storyboard.Children.Add(thicknessAnimation);
            storyboard.Children.Add(doubleAnimation);

            Storyboard.SetTarget(thicknessAnimation, this.bor);
            Storyboard.SetTargetProperty(thicknessAnimation, new PropertyPath("Margin"));
            Storyboard.SetTarget(doubleAnimation, this.bor);
            Storyboard.SetTargetProperty(doubleAnimation, new PropertyPath("Opacity"));
            storyboard.Begin();