WPF 控件旋转

Demo 

设置一个Button点击旋转的效果

1.首先添加一个button代码如下:

<Grid> 
        <Button  Width="80" Height="60" Content="旋转2" Name="button1" Click="Button1_Click"  Style="{x:Null}" RenderTransformOrigin="0.5,0.5" Margin="305,130,208.6,80.4"/>

</Grid>

2.写Click方法,实现效果:点击后旋转60度,再次点击转回60度

private void Button1_Click(object sender, RoutedEventArgs e)
        {
            if (flag)
            {
                RotateTransform rtf = new RotateTransform();
                button1.RenderTransform = rtf;
                //DoubleAnimation dbAscending = new DoubleAnimation(0, 360, new Duration(TimeSpan.FromSeconds(1)));
                DoubleAnimation ani = new DoubleAnimation();
                ani.From = 0;
                ani.To = 60;
                ani.Duration = TimeSpan.FromSeconds(1);
                Storyboard storyboard = new Storyboard();
                //ani.RepeatBehavior = RepeatBehavior.Forever;
                storyboard.Children.Add(ani);
                Storyboard.SetTarget(ani, button1);
                Storyboard.SetTargetProperty(ani, new PropertyPath("RenderTransform.Angle"));
                storyboard.Begin();
                flag = false;
            }
            else {
                RotateTransform rtf = new RotateTransform();
                button1.RenderTransform = rtf;
                //DoubleAnimation dbAscending = new DoubleAnimation(0, 360, new Duration(TimeSpan.FromSeconds(1)));
                DoubleAnimation ani = new DoubleAnimation();
                ani.From = 60;
                ani.To = 0;
                ani.Duration = TimeSpan.FromSeconds(1);
                Storyboard storyboard = new Storyboard();
                //ani.RepeatBehavior = RepeatBehavior.Forever;
                storyboard.Children.Add(ani);
                Storyboard.SetTarget(ani, button1);
                Storyboard.SetTargetProperty(ani, new PropertyPath("RenderTransform.Angle"));
                storyboard.Begin();
                flag = true;
            }
           
        }

  • 2
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值