wpf实现qq截图八个点以及旋转功能

时间：2019-04-09 18:58:30 阅读：160 评论：0 收藏：0 [点我收藏+]

一、先用canvas面板实现界面的效果和位置

技术分享图片

1.1wpf 标签如下：

二、C#代码如下：

2.1去掉边框

Left = 0;
Top = 0;

//旋转图标光标的设置路径
StreamResourceInfo sri = Application.GetResourceStream(new Uri(@"imgs/旋转-2.cur", UriKind.Relative));
RotateCursor = new Cursor(sri.Stream);

DrawRects();//调用方法

2.2 定义变量

private bool IsMouseDown = false;//初始鼠标的状态为false
private HitWhitchTypes HitWhitch;//定义对象
private Point MouseStartPos2;
private Rect box = new Rect(80, 80, 60, 80);//盒子的区域
private Rect startBox;//
private double startDegree;//开始的度数
private const double RectSize = 20;//八个小盒子的大小
private double Degree = 20;//结束的度数

private Cursor RotateCursor;//定义变量鼠标

//定义11种击中的状态，初始化为none
public enum HitWhitchTypes
{
none,
rect_left_top1,
rect_top2,
rect_right_top3,
rect_right4,
rect_right_bottom5,
rect_bottom6,
rect_left_bottom7,
rect_left8,
box_rotate,
rect_box
};

2.3 鼠标移动、拖动（击中盒子）

//鼠标移动、拖动
private void Window_MouseMove(object sender, MouseEventArgs e)
{

if (IsMouseDown)
{
//获取面板的鼠标位置
var p2 = e.GetPosition(outerCanvas);
var v2 = p2 - MouseStartPos2;

//旋转的角度
var angle = -startDegree / 180.0 * Math.PI;
var angle_back = -angle;
box_rotate.CenterX = angle_back;

var rotateBackV = new Vector(
v2.X * Math.Cos(angle_back) + v2.Y * Math.Sin(angle_back),
v2.Y * Math.Cos(angle_back) - v2.X * Math.Sin(angle_back)
);
//定义两个变量计算cos和sin
var cos_angle = Math.Cos(angle);
var sin_angle = Math.Sin(angle);
// 什么都没有击中
if (HitWhitch == HitWhitchTypes.none)
{ }
//击中左上角的盒子
else if (HitWhitch == HitWhitchTypes.rect_left_top1)
{
//获取新的位置宽和高
var newWidth = startBox.Width - rotateBackV.X;
var newHeight = startBox.Height - rotateBackV.Y;

//用数学公式换算新的X轴和Y轴
var newX = startBox.Left + startBox.Width / 2 * (1 + cos_angle) + startBox.Height / 2 * sin_angle
- (newWidth / 2 * (1 + cos_angle) + newHeight / 2 * sin_angle);
var newY = startBox.Top + startBox.Height / 2 * (1 + cos_angle) - startBox.Width / 2 * sin_angle
- (newHeight / 2 * (1 + cos_angle) - newWidth / 2 * sin_angle);

//判断新的位置
if (newWidth < 0)
{
box.X = newX + newWidth;
box.Width = -newWidth;
}
else
{
box.X = newX;
box.Width = newWidth;
}

if (newHeight < 0)
{
box.Y = newY + newHeight;
box.Height = -newHeight;
}
else
{
box.Y = newY;
box.Height = newHeight;
}
DrawRects();

}//击中上边中间的盒子
else if (HitWhitch == HitWhitchTypes.rect_top2)
{
//获取新的位置宽和高
var newWidth = startBox.Width;
var newHeight = startBox.Height - rotateBackV.Y;
//定义变量获取开始的位置
var startLeftBottomV = new Vector(-startBox.Width / 2, startBox.Height / 2);
//定义变量获取旋转以后的位置（用数学公式）
var startRotatedLeftBottomV = new Vector(
startLeftBottomV.X * cos_angle + startLeftBottomV.Y * sin_angle,
startLeftBottomV.Y * cos_angle - startLeftBottomV.X * sin_angle);
//定义变量获取开始的中心位置
var startCenter = new Vector(startBox.Left + startBox.Width / 2,
startBox.Top + startBox.Height / 2);
//定义变量获取新的位置
var newLeftBottomV = new Vector(
-newWidth / 2, newHeight / 2);
//定义变量获取旋转后的位置
var newRotatedLeftBottomV = new Vector(
newLeftBottomV.X * cos_angle + newLeftBottomV.Y * sin_angle,
newLeftBottomV.Y * cos_angle - newLeftBottomV.X * sin_angle);
//最新的中心位置=开始的中心位置+开始旋转的位置-新的旋转后的位置
var newCenter = startCenter + startRotatedLeftBottomV - newRotatedLeftBottomV;
var newLeft = newCenter.X - newWidth / 2;//定义变量获取新的左边的距离
var newTop = newCenter.Y - newHeight / 2;//定义变量获取上边的离盒子的距离