WPF 翻转动画实现

最新推荐文章于 2024-09-26 09:19:38 发布

岁月无情_1

最新推荐文章于 2024-09-26 09:19:38 发布

阅读量4.3k

点赞数 2

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

本文链接：https://blog.csdn.net/leftxden/article/details/7526993

版权

WPF 专栏收录该内容

17 篇文章 3 订阅

订阅专栏

这个动画本来很简单的，从论坛上看到了，就放在这里，省的以后做了

<Window x:Class="WPFTransformWindows.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="350" Width="525"  Foreground="{x:Null}" WindowStyle="None" ResizeMode="NoResize" AllowsTransparency="True" Background="{x:Null}" Topmost="True">
    <Window.Resources>
        <Storyboard x:Key="fanzhuan">
            <PointAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransformOrigin)" Storyboard.TargetName="grid">
                <EasingPointKeyFrame KeyTime="0" Value="0.5,0.5"/>
            </PointAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleX)" Storyboard.TargetName="grid">
                <EasingDoubleKeyFrame KeyTime="0" Value="-1">
                    <EasingDoubleKeyFrame.EasingFunction>
                        <CubicEase EasingMode="EaseOut"/>
                    </EasingDoubleKeyFrame.EasingFunction>
                </EasingDoubleKeyFrame>
                <EasingDoubleKeyFrame KeyTime="0:0:1" Value="1">
                    <EasingDoubleKeyFrame.EasingFunction>
                        <CubicEase EasingMode="EaseOut"/>
                    </EasingDoubleKeyFrame.EasingFunction>
                </EasingDoubleKeyFrame>
            </DoubleAnimationUsingKeyFrames>
        </Storyboard>
    </Window.Resources>
    <Window.Triggers>
        <EventTrigger RoutedEvent="FrameworkElement.Loaded">
            <BeginStoryboard Storyboard="{StaticResource fanzhuan}"/>
        </EventTrigger>
    </Window.Triggers>

    <Grid x:Name="grid" MouseLeftButtonDown="grid_MouseLeftButtonDown_1">
        <Grid.RenderTransform>
            <TransformGroup>
                <ScaleTransform/>
                <SkewTransform/>
                <RotateTransform/>
                <TranslateTransform/>
            </TransformGroup>
        </Grid.RenderTransform>
        <Grid.Background>
            <ImageBrush ImageSource="6.jpg" Stretch="UniformToFill"/>
        </Grid.Background>
    </Grid>
</Window>