wpf DoubleAnimation对image控件进行缩放旋转

 /// <summary>
        /// 用户控件是的动画 缩放效果
        /// </summary>
        /// <param name="element">控件名</param>
        /// <param name="from">元素开始的大小</param>
        /// <param name="from">元素到达的大小</param>
        public void ScaleEasingAnimationShow(UIElement element, double from, double to)
        {

            RotateTransform angle = new RotateTransform();  //旋转
            ScaleTransform scale = new ScaleTransform();   //缩放
           


            TransformGroup group = new TransformGroup();
            group.Children.Add(scale);
            group.Children.Add(angle);


            element.RenderTransform = group;
            element.RenderTransformOrigin = new System.Windows.Point(0.5, 0.5);//定义圆心位置        
            EasingFunctionBase easeFunction = new PowerEase()
            {
                EasingMode = EasingMode.EaseInOut,
                Power = 2
            };
            DoubleAnimation scaleAnimation = new DoubleAnimation()
            {
                From = from,                                   //起始值
                To = to,                                     //结束值
                EasingFunction = easeFunction,                    //缓动函数
                Duration = new TimeSpan(0, 0, 0, 5, 0),  //动画播放时间


            };

            DoubleAnimation angleAnimation = new DoubleAnimation()
            {
                From = 0,                                   //起始值
                To = 360,                                     //结束值
                EasingFunction = easeFunction,                    //缓动函数
                Duration = new TimeSpan(0, 0, 0, 5, 0),  //动画播放时间

            };

            //scaleAnimation.Completed += new EventHandler(scaleAnimation_Completed);
            //  AnimationClock clock = scaleAnimation.CreateClock();
            scale.BeginAnimation(ScaleTransform.ScaleXProperty, scaleAnimation);
            scale.BeginAnimation(ScaleTransform.ScaleYProperty, scaleAnimation);
            angle.BeginAnimation(RotateTransform.AngleProperty, angleAnimation);
            //}
        }

WPF Thumb控件是一个非常有用的控件,可以用于实现拖拽、缩放旋转等功能。在使用mvvmlight框架时,可以将Thumb控件与ViewModel绑定,实现更加优雅的MVVM架构。以下是实现拖拽、缩放旋转功能的示例代码: 1. 首先,定义一个Thumb控件,并将其与ViewModel绑定: ```xml <Thumb Width="50" Height="50" Canvas.Left="{Binding X}" Canvas.Top="{Binding Y}" Canvas.ZIndex="{Binding ZIndex}" RenderTransformOrigin="0.5,0.5" RenderTransform="{Binding Transform}"> <!-- 控件内容 --> </Thumb> ``` 2. 在ViewModel中,定义X、Y、ZIndex、Transform等属性,并在构造函数中初始化: ```csharp public class MyViewModel : ViewModelBase { private double x; public double X { get { return x; } set { Set(ref x, value); } } private double y; public double Y { get { return y; } set { Set(ref y, value); } } private int zIndex; public int ZIndex { get { return zIndex; } set { Set(ref zIndex, value); } } private Transform transform; public Transform Transform { get { return transform; } set { Set(ref transform, value); } } public MyViewModel() { X = 100; Y = 100; ZIndex = 1; Transform = new RotateTransform(0); } } ``` 3. 实现拖拽功能: ```csharp private Point startPoint; public void OnThumbDragStarted(object sender, DragStartedEventArgs e) { startPoint = e.GetPosition(null); } public void OnThumbDragDelta(object sender, DragDeltaEventArgs e) { double left = X + e.HorizontalChange; double top = Y + e.VerticalChange; X = left; Y = top; } ``` 4. 实现缩放功能: ```csharp public void OnThumbResizeStarted(object sender, DragStartedEventArgs e) { startPoint = e.GetPosition(null); } public void OnThumbResizeDelta(object sender, DragDeltaEventArgs e) { double scaleX = 1 + e.HorizontalChange / Width; double scaleY = 1 + e.VerticalChange / Height; Transform = new ScaleTransform(scaleX * Transform.Value.M11, scaleY * Transform.Value.M22); } ``` 5. 实现旋转功能: ```csharp public void OnThumbRotateStarted(object sender, DragStartedEventArgs e) { startPoint = e.GetPosition(null); } public void OnThumbRotateDelta(object sender, DragDeltaEventArgs e) { Point currentPoint = e.GetPosition(null); Vector vector = startPoint - currentPoint; double angle = Math.Atan2(vector.Y, vector.X) * 180 / Math.PI; Transform = new RotateTransform(angle + Transform.Value.Angle); } ``` 通过以上代码实现Thumb控件的移动、缩放旋转功能,可以在WPF应用程序中实现更加优雅的用户界面交互。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值