WPF —— 动画旋转变换

RotateTransform:在二维x-y坐标系统内围绕指定点顺时针旋转某个对象:

在故事板中依赖属性为:RenderTransform.Angle就是要进行旋转的角度

直接给按钮添加 RenderTransformOrigin="0.5,0.5" 是中心位置 。值是比例0 和1,

XML 复制代码
 <Button Width="100" Height="40" RenderTransformOrigin="0.5,0.5">

TransformGroup 可以支持多个变换 支持平移 也支持旋转

XML 复制代码
<TransformGroup>
    <TranslateTransform></TranslateTransform>
    <!--Angle = "90" 一开始旋转的效果 正值是顺时针,赋值是逆时针-->
    <!--CenterX="50" CenterY="20" 可以设置旋转的中心点,这两个值是宽度的一般和高度的一半-->
    <RotateTransform x:Name="rot"></RotateTransform>
    <ScaleTransform></ScaleTransform>
    <SkewTransform></SkewTransform>
</TransformGroup>

第一个触发类型

XML 复制代码
<EventTrigger RoutedEvent="MouseEnter">
    <BeginStoryboard>
        <Storyboard>
            <!--Angle 角度-->
            <DoubleAnimation Storyboard.TargetName="rot"
                Storyboard.TargetProperty="Angle"
                             To="360"
                             Duration="0:0:0.01"
                             RepeatBehavior="Forever">
                
            </DoubleAnimation>
        </Storyboard>
    </BeginStoryboard>
</EventTrigger>

第二个触发器 触发这个事件的时候 开启了第二个动画,这个动画没有from to属性,可以在规定的时间内回到原始点

XML 复制代码
<EventTrigger RoutedEvent="MouseLeave">
    <BeginStoryboard>
        <Storyboard>
            <DoubleAnimation Storyboard.TargetProperty="RenderTransform.Children[1].Angle"
                             Duration="0:0:2">
                
            </DoubleAnimation>
        </Storyboard>
    </BeginStoryboard>
</EventTrigger>
相关推荐
观无10 小时前
关于wpf的自适应
wpf
时光追逐者21 小时前
一款开源免费、通用的 WPF 主题控件包
开源·c#·.net·wpf
甜甜不吃芥末1 天前
Windows 应用程序的 UI 框架:WPF、WinUI 3 和 UWP的差异区别
windows·ui·wpf
界面开发小八哥1 天前
界面组件DevExpress WPF中文教程:Grid - 如何检查节点?
ui·.net·wpf·界面控件·devexpress·ui开发
❀always❀3 天前
深入浅出分布式限流(更新中)
分布式·wpf
深漂阿碉3 天前
WPF打包exe应用的图标问题
wpf
三千道应用题3 天前
WPF学习笔记(26)CommunityToolkit.Mvvm与MaterialDesignThemes
wpf
SEO-狼术5 天前
DevExpress WPF Crack, DevExpress WPF v25.1
wpf
小老鼠爱大米5 天前
C# WPF - Prism 学习篇:搭建项目(一)
c#·wpf·prism
博睿谷IT99_6 天前
Hadoop 分布式存储与计算框架详解
wpf