WPF---RenderTransform图形旋转,缩放

WPF的RenderTransform类:

RotateTransform:能够让某对象产生旋转变化,根据中心点进行顺时针旋转或逆时针旋转。

ScaleTransform:能够让某对象产生缩放变化。

现在用两个 button做例子,分别是旋转和缩放的前台代码,其实都是一样的方法,先设置button的RenderTransform属性,然后建立一个画板,让它实现永久的动画。

下面是一个旋转的例子: 这是只旋转3次 如果需要旋转永久的话,只需要将RepeatBehavior设置为Forever即可。
设置的动画旋转角度是0到360;时间是2秒一个周期,目标是RotateTransform的Angle角度。RotateTransform的CenterX和CenterY是旋转的中心point。FrameworkElement.Loaded代表控件加载

<Button Content="旋转" Foreground="Ivory" Background="Pink" HorizontalAlignment="Left" Height="80" Margin="67,212,0,0" VerticalAlignment="Top" Width="80" Command="{Binding GetText}">           
            <Button.RenderTransform>     
                <RotateTransform x:Name="rr" Angle="0" CenterX="40" CenterY="40"   >                   
                </RotateTransform>              
            </Button.RenderTransform>
            <Button.Triggers>
                <EventTrigger RoutedEvent="FrameworkElement.Loaded">
                    <BeginStoryboard>
                        <Storyboard>
                            <DoubleAnimation From="0" To="360" RepeatBehavior="3x"  Duration="0:0:2" Storyboard.TargetProperty="Angle" Storyboard.TargetName="rr"/>
                        </Storyboard>
                    </BeginStoryboard>
                </EventTrigger>
            </Button.Triggers>
        </Button>

同样的附上旋转的后台代码:

 public void animations()
        {
            Storyboard board = new Storyboard();
            DoubleAnimation animation = new DoubleAnimation();
            RotateTransform rotate = new RotateTransform();
            rr.RenderTransform = rotate;
            board.RepeatBehavior = RepeatBehavior.Forever;
            board.SpeedRatio = 2;
            animation.From = 0;
            animation.To = 360;
            animation.Duration = new Duration(new TimeSpan(0, 0, 2));
            Storyboard.SetTarget(animation, loadImg);
            Storyboard.SetTargetProperty(animation, new PropertyPath("RenderTransform.Angle"));
            board.Children.Add(animation);
            board.Begin(rr);
        }

同理:下面是缩放的例子
ScaleX和ScaleY是横轴与纵轴缩放的比例。

<Button Content="缩放"  Foreground="MidnightBlue" Background="Silver"  HorizontalAlignment="Left" Height="170" Margin="286,30,0,0" VerticalAlignment="Top" Width="170">
            <Button.RenderTransform>
                <ScaleTransform x:Name="ss" CenterX="85" CenterY="85" ScaleX="1.2" ScaleY="1.2"/>
            </Button.RenderTransform>
            <Button.Triggers>
                <EventTrigger RoutedEvent="FrameworkElement.Loaded">
                    <BeginStoryboard>
                        <Storyboard>
                            <DoubleAnimation From="0.1" To="1.5" RepeatBehavior="Forever"  Duration="0:0:1.5" Storyboard.TargetProperty="ScaleY" Storyboard.TargetName="ss"/>
                            <DoubleAnimation From="0.1" To="1.5" RepeatBehavior="Forever"  Duration="0:0:1.5" Storyboard.TargetProperty="ScaleX" Storyboard.TargetName="ss"/>
                        </Storyboard>
                    </BeginStoryboard>
                </EventTrigger>
            </Button.Triggers>
        </Button>

现在附上缩放的后台代码:
win是一个控件,DoubleAnimation 也有属性可以设置缩放的次数或者永久

            DoubleAnimation an = new DoubleAnimation();
            ScaleTransform scale = new ScaleTransform();
            win.RenderTransform = scale;
            scale.CenterX = win.Width / 2;
            scale.CenterY = win.Height / 2;
            scale.ScaleX = 1;
            scale.ScaleY = 1;
            an.From = 0.3;
            an.To = 1;
            an.Duration = new Duration(new TimeSpan(0, 0, 0, 0, 250));
            Storyboard.SetTarget(an, win);
            scale.BeginAnimation(ScaleTransform.ScaleXProperty, an);
            scale.BeginAnimation(ScaleTransform.ScaleYProperty, an);
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值