QT实现头像图片剪切框

近期在做一个qt项目，在用户选择头像图片后，需要将图片载入，并对其进行用户自定义裁剪。通过研究参照各流行软件的裁剪方式后，发现qq实现的裁剪比较好看，于是，我想那就做一个和qq相似的吧。先放一张qq实现的效果，然后最后再放我实现的效果。

1. 怎样去实现裁剪

对
于一张载入的图片，要实现用户自定义裁剪，那么首先我需要有一个能够响应用户自由缩放的边框，当用户缩放到心仪大小，再摆到适当位置，我能知道框的位置及
长宽，那么获取框里面的图片就很简单了。另外，我需要阴影，只有在框里面的图像部分是正常的，其他部分均被阴影覆盖。于是，实现该功能，大致需要两件东
西，框及阴影。

框的实现可以定义无边框的窗口，如widget，frame，当一个窗口被定义为无边框时，那么该窗口势必无法再响应鼠标的拖动事件，也就是该边框将不能移动，也不能缩放，因此，我们需要重写鼠标事件，实现边框的拖动，以及自由缩放。

阴影的实现可以使用黑色的画笔，并设置透明度，去填充边框之外的区域。

2. 缩放边框的实现

要想缩放边框实现拖动及自由缩放，那么需要重写该边框的mousePressEvent、mouseMoveEvent、mouseReleaseEvent三个事件。具体见如下代码

2.1对mousePressEvent的重写

m_startPoint 用户记录鼠标点击下的事件，而后期只需要算出移动时鼠标的坐标与初始坐标的差值，进行移动即可。代码如下：

[html] view plain copy

void CutDialog::mousePressEvent(QMouseEvent * event)
{
m_startPoint = event->pos();
m_mouse_down = event->button() == Qt::LeftButton;
}

2.2 对mouseMoveEvent 的重写

在
鼠标移动过程中，获取鼠标当前的位置，判断鼠标当前状态，如果是落在边框上，则改变鼠标形状成对应的边界鼠标形状，如果落在窗口区域内，则改变鼠标形状为
移动形状。如果鼠标在移动之前有点击事件，则进行相应判断，决定是移动还是放大缩小。

[cpp] view plain copy

void CutDialog::mouseMoveEvent(QMouseEvent * event)
{
QPoint dragPoint = event->pos();
int x = event->x();
int y = event->y();
if(m_mouse_down)
{
QRect g = getResizeGem(geometry(), dragPoint);

[cpp] view plain copy

//实现对当前窗口的拖放
if(parentWidget()->rect().contains(g))
setGeometry(g);
m_startPoint = QPoint(!m_right? m_startPoint.x():event->x(),!m_bottom? m_startPoint.y():event->y());

[cpp] view plain copy

//实现对当前的移动
if(!m_left && !m_right && !m_bottom && !m_top)
{
QPoint p = QPoint((pos().x()+dragPoint.x() - m_startPoint.x()), (pos().y()+dragPoint.y() - m_startPoint.y()));
QPoint dragEndge = p;
dragEndge.setX(dragEndge.x() + rect().width());
dragEndge.setY(dragEndge.y() + rect().height());
p.setX(p.x() < 0? 0 : p.x());
p.setX(dragEndge.x() > parentWidget()->width()?parentWidget()->width()-rect().width():p.x());
p.setY(p.y() < 0? 0 : p.y());
p.setY(dragEndge.y() > parentWidget()->height()?parentWidget()->height()-rect().height():p.y());
move(p);
}
}
else
{