WPF 旋转动画

Dear200892 2019-09-02 11:20:16

蹭着空闲期,自己编写了一个垃圾飞行棋
现在蓝色棋子停在坐标点(4,12)
下一格方格坐标为（6，11）
通过Math.Atan2函数求得两点之间的角度(map为下格方格坐标,postion为当前停落的坐标)

double angle = Math.Atan2((map.PointY - postion.Y), (map.PointX - postion.X)) * 180 / Math.PI;

现在旋转的角度错误,朝向应该是橙色箭头。
旋转动画代码如下：



//设置旋转方向

RotateTransform rotate = new RotateTransform();

//绑定旋转中心

chess.RenderTransform = rotate;

//设置旋转中心百分比

chess.RenderTransformOrigin = new Point(0.5, 0.5);

Storyboard story = new Storyboard();

DoubleAnimation doubleAnimation = new DoubleAnimation(chess.Angle, angle, new Duration(TimeSpan.FromSeconds(100)));

Storyboard.SetTarget(doubleAnimation, chess);

Storyboard.SetTargetProperty(doubleAnimation, new PropertyPath("RenderTransform.Angle"));

story.Children.Add(doubleAnimation);

story.Begin();

chess为棋子,chess.Angle初始角度，angle目标角度，动画执行事件100ms

不知道哪里出错了！！！若能解决,可加分!!!

...全文

3232 62 打赏收藏转发到动态举报

写回复

用AI写文章

62 条回复

切换为时间正序

请发表友善的回复…

发表回复

Dear200892 2019-09-09

打赏
举报

引用 61 楼皮皮熊_1989 的回复:

好多年不撸wpf了。。。忘的差不多了，当年能写很多酷炫特效几年不撸现在费了

从开始读书到现在，一直都没有绘画天赋

皮皮熊_1989 2019-09-09

打赏
举报

好多年不撸wpf了。。。忘的差不多了，当年能写很多酷炫特效

几年不撸现在费了

Dear200892 2019-09-05

打赏
举报

引用 59 楼陶玉霖的回复:

Atan2计算得出的单位是弧度值吗

结果是需要旋转的角度，比如145°

Dear200892 2019-09-04

打赏
举报

引用 54 楼窦性心律心动过速的回复:

6666666666666666666

Dear200892 2019-09-04

打赏
举报

引用 53 楼 Re-Defining 的回复:

哇你这个好棒耶

Dear200892 2019-09-04

打赏
举报

引用 55 楼 weixin_44789622 的回复:

弧度值与角度值的转换问题？？！

不是,动画绑定的时候错了缺少 button.XX

陶玉霖 2019-09-04

打赏
举报

Atan2计算得出的单位是弧度值吗

疯子突击 2019-09-04

打赏
举报

弧度值与角度值的转换问题？？！

Dear200892 2019-09-03

打赏
举报

最终解决方案：


 chess.Dispatcher.Invoke(() =>
            {
                //设置旋转方向
                RotateTransform rotate = new RotateTransform();
                //绑定旋转中心
                chess.RenderTransform = rotate;
                //设置旋转中心百分比
                chess.RenderTransformOrigin = new Point(0.5, 0.5);
                //创建故事板
                Storyboard story = new Storyboard();
                //实例化一个Double类型的动画
                DoubleAnimation doubleAnimation = new DoubleAnimation(chess.Angle, angle + 90, new Duration(TimeSpan.FromSeconds(FromMilliseconds / 5)));
                //给动画指定对象
                Storyboard.SetTarget(doubleAnimation, chess);
                //给动画指定依赖的属性
                Storyboard.SetTargetProperty(doubleAnimation, new PropertyPath("(Button.RenderTransform).(RotateTransform.Angle)"));
                //将动画添加到动画板中
                story.Children.Add(doubleAnimation);
                //启动动画
                story.Begin();
            });
            chess.Angle = angle;

对比原始：


                //实例化一个Double类型的动画
                DoubleAnimation doubleAnimation = new DoubleAnimation(chess.Angle, angle + 90, new Duration(TimeSpan.FromSeconds(FromMilliseconds / 5)));
               //给动画指定依赖的属性
                Storyboard.SetTargetProperty(doubleAnimation, new PropertyPath("(Button.RenderTransform).(RotateTransform.Angle)"));

qq84628151 2019-09-03