WPF图片控件的旋转、缩放、翻转

WPF中对图片进行旋转是应用RotateTransform类,而进行缩放和翻转则是应用ScaleTransform类。
旋转:            
               RotateTransform rotateTransform = new RotateTransform(90);//90度
               imgCtl.RenderTransform = rotateTransform;//图片控件旋转
可以通过CenterX和CenterY指定旋转中心,默认旋转中心是原点。

缩放、翻转: 
                ScaleTransform scaleTransform = new ScaleTransform();
                scaleTransform.ScaleX = -1;
                imgCtl.RenderTransform = scaleTransform;
这是实现图片左右翻转,通过属性ScaleX改变,当其值为正时实现水平方向的缩放,其值为负时实现翻转和缩放,ScaleY同理。

若要同时实现旋转、缩放、翻转,则要利用到TransformGroup类,它能将这些变换整合到一起,如下:
                TransformGroup transformGroup = new TransformGroup();             

                ScaleTransform scaleTransform = new ScaleTransform();
                scaleTransform.ScaleX = -1;
                transformGroup.Children.Add(scaleTransform);
              
                RotateTransform rotateTransform = new RotateTransform(angle * 180 / 3.142);
                transformGroup.Children.Add(rotateTransform);
                imgCtl.RenderTransform = transformGroup;
这样能实现物体运动时根据方向旋转和翻转。
  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
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应用程序中实现更加优雅的用户界面交互。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值