这种功能大家都应该见过,上次由于一个网友在CSDN问这个问题,所以我就写了一个.虽然本人工作是跟图形相关的,但都是三维方面的,二维方面的还真很少接触,特别是GDI,所以写这个程序伤了不少脑筋,写的代码也比较粗糙.同时,对应的还有另一个程序,就是用鼠标按住拖动划出一个矩形,然后显示其中的内容.

这里简单说一下思路,就暂时不贴代码了.

对于一个固定的矩形框拖动:首先是在DC上绘制一个矩形,根据其跟鼠标在其中第一次按下的位置,实时重绘,从而实现拖动这个矩形框的目的.
下一步就是根据这个矩形框的Rect,不断捕获其中的象素信息,并在另一个DC里显示出来.

对于划出一个矩形的程序,主要是根据鼠标的移动来绘制出一个矩形,显示方法与前一个相同.

以下是两个程序的下载地址:
http://www.bezier.com.cn/study/固定矩形.exe
http://www.bezier.com.cn/study/划矩形.exe

程序均用VC++6.0开发.
交流信箱:zhucde@163.com

 

这篇文章里主要新写了一个myGraphicRectItem类，还是继承自QGraphicsItem类，用来实现：

1.在图像显示区域绘制矩形框

2.鼠标点击矩形的任意一条边可进行矩形的拉伸，同时鼠标样式更改

3.鼠标点击矩形右下角并拖动可进行矩形的缩放

4.鼠标按住矩形内区域并移动可拖动矩形

在这里插入图片描述

myGraphicRectItem.h代码如下：

#ifndef MYGRAPHICRECTITEM_H
#define MYGRAPHICRECTITEM_H
#include <QObject>
#include <QWidget>
#include <QMouseEvent>
#include <QGraphicsScene>
#include <QGraphicsRectItem>
#include <QGraphicsSceneMouseEvent>
#include <QRect>
#include <QPainter>
enum STATE_FLAG{
    DEFAULT_FLAG=0,
    MOV_LEFT_LINE,//标记当前为用户按下矩形的左边界区域
    MOV_TOP_LINE,//标记当前为用户按下矩形的上边界区域
    MOV_RIGHT_LINE,//标记当前为用户按下矩形的右边界区域
    MOV_BOTTOM_LINE,//标记当前为用户按下矩形的下边界区域
    MOV_RIGHTBOTTOM_RECT,//标记当前为用户按下矩形的右下角
    MOV_RECT//标记当前为鼠标拖动图片移动状态
};
class myGraphicRectItem:public QObject,public QGraphicsItem
{
    Q_OBJECT
public:
    myGraphicRectItem(QGraphicsItem *parent = nullptr);
    //myGraphicRectItem(QRectF m_OriginRect = QRectF(0,0,100,100));
    QRectF  boundingRect() const;
    ~myGraphicRectItem();
    void setRectSize(QRectF mrect);
    void paint(QPainter *painter, const QStyleOptionGraphicsItem *option, QWidget *widget);
    void mousePressEvent(QGraphicsSceneMouseEvent *event);
    void mouseMoveEvent(QGraphicsSceneMouseEvent *event);
    void mouseReleaseEvent(QGraphicsSceneMouseEvent *event);
    QRectF getCrtPosRectToSceen();
private:
    QRectF  m_oldRect;
    bool    m_bResize;
    QRectF  m_insicedRectf;
    QRectF  m_leftRectf;
    QRectF  m_topRectf;
    QRectF  m_rightRectf;
    QRectF  m_bottomRectf;
    QRectF  m_rbRectf;
    QPointF m_startPos;
    STATE_FLAG m_StateFlag;
protected:
};
#endif // MYGRAPHICRECTITEM_H


myGraphicRectItem.cpp

#include "mygraphicrectitem.h"

myGraphicRectItem::myGraphicRectItem(QGraphicsItem *parent):
    m_bResize(false),
    m_oldRect(QRectF(0,0,100,100)),
    m_StateFlag(DEFAULT_FLAG)
{
    m_insicedRectf = QRectF(m_oldRect.x()+4,m_oldRect.y()+4,m_oldRect.width()-8,m_oldRect.height()-8);
    m_leftRectf = QRectF(m_oldRect.x(),m_oldRect.y(),4,m_oldRect.height()-4);
    m_topRectf = QRectF(m_oldRect.x()+4,m_oldRect.y(),m_oldRect.width()-4,4);
    m_rightRectf = QRectF(m_oldRect.right()-4,m_oldRect.y()+4,4,m_oldRect.height()-8);
    m_bottomRectf = QRectF(m_oldRect.x(),m_oldRect.bottom()-4,m_oldRect.width()-4,4);
    m_rbRectf = QRectF(m_oldRect.right()-4,m_oldRect.bottom()-4,4,4);
    setToolTip("Click and drag me!");  //提示
    setCursor(Qt::ArrowCursor);   //改变光标形状,手的形状
    setFlag(QGraphicsItem::ItemIsMovable);
    //    setAcceptDrops(true);
}

QRectF myGraphicRectItem::boundingRect() const
{
    return QRectF(m_oldRect);
}

myGraphicRectItem::~myGraphicRectItem()
{

}

void myGraphicRectItem::setRectSize(QRectF mrect)
{
        m_oldRect = mrect;
        m_insicedRectf = QRectF(m_oldRect.x()+4,m_oldRect.y()+4,m_oldRect.width()-8,m_oldRect.height()-8);
        m_leftRectf = QRectF(m_oldRect.x(),m_oldRect.y(),4,m_oldRect.height()-4);
        m_topRectf = QRectF(m_oldRect.x()+4,m_oldRect.y(),m_oldRect.width()-4,4);
        m_rightRectf = QRectF(m_oldRect.right()-4,m_oldRect.y()+4,4,m_oldRect.height()-8);
        m_bottomRectf = QRectF(m_oldRect.x(),m_oldRect.bottom()-4,m_oldRect.width()-4,4);
        m_rbRectf = QRectF(m_oldRect.right()-4,m_oldRect.bottom()-4,4,4);
}

void myGraphicRectItem::paint(QPainter *painter, const QStyleOptionGraphicsItem *option, QWidget *widget)
{
    QPen mPen = QPen(Qt::yellow);
    painter->setPen(mPen);
    painter->drawRect(m_oldRect);
}

void myGraphicRectItem::mousePressEvent(QGraphicsSceneMouseEvent *event)
{
    if(event->button()== Qt::LeftButton)
    {
        m_startPos = event->pos();//鼠标左击时，获取当前鼠标在图片中的坐标，
        if(m_insicedRectf.contains(m_startPos))//在矩形内框区域时按下鼠标，则可拖动图片
        {
            setCursor(Qt::ArrowCursor);   //改变光标形状,手的形状
            m_StateFlag = MOV_RECT;//标记当前为鼠标拖动图片移动状态
        }
        else if(m_leftRectf.contains(m_startPos))
        {
            setCursor(Qt::SizeHorCursor);
            m_StateFlag = MOV_LEFT_LINE;//标记当前为用户按下矩形的左边界区域
        }
        else if(m_rightRectf.contains(m_startPos))
        {
            setCursor(Qt::SizeHorCursor);
            m_StateFlag = MOV_RIGHT_LINE;//标记当前为用户按下矩形的右边界区域
        }
        else if(m_topRectf.contains(m_startPos))
        {
            setCursor(Qt::SizeVerCursor);
            m_StateFlag = MOV_TOP_LINE;//标记当前为用户按下矩形的上边界区域
        }
        else if(m_bottomRectf.contains(m_startPos))
        {
            setCursor(Qt::SizeVerCursor);
            m_StateFlag = MOV_BOTTOM_LINE;//标记当前为用户按下矩形的下边界区域
        }
        else if(m_rbRectf.contains(m_startPos))
        {
            setCursor(Qt::SizeFDiagCursor);
            m_StateFlag = MOV_RIGHTBOTTOM_RECT;//标记当前为用户按下矩形的右下角
        }
    }
    else
    {
        QGraphicsItem::mousePressEvent(event);
    }
}

void myGraphicRectItem::mouseMoveEvent(QGraphicsSceneMouseEvent *event)
{
    if(m_StateFlag == MOV_RECT)
    {
        QPointF point = (event->pos() - m_startPos);
        moveBy(point.x(), point.y());
    }
    else if(m_StateFlag == MOV_LEFT_LINE)
    {
        if(event->pos().x()>(m_oldRect.right()-10))
        {
            return;
        }
        else
        {
            QRectF newRect(m_oldRect);
            newRect.setLeft(event->pos().x());
            setRectSize(newRect);
            scene()->update();//必须要用scene()->update()，不能用update();否则会出现重影
        }
    }
    else if(m_StateFlag == MOV_TOP_LINE)
    {
        if(event->pos().y()>(m_oldRect.bottom()-10))
        {
            return;
        }
        else
        {
            QRectF newRect(m_oldRect);
            newRect.setTop(event->pos().y());
            setRectSize(newRect);
            scene()->update();//必须要用scene()->update()，不能用update();否则会出现重影
        }
    }
    else if(m_StateFlag == MOV_RIGHT_LINE)
    {
        if(event->pos().x()<(m_oldRect.left()+10))
        {
            return;
        }
        else
        {
            QRectF newRect(m_oldRect);
            newRect.setRight(event->pos().x());
            setRectSize(newRect);
            scene()->update();//必须要用scene()->update()，不能用update();否则会出现重影
        }
    }
    else if(m_StateFlag == MOV_BOTTOM_LINE)
    {
        if(event->pos().y()<(m_oldRect.top()+10))
        {
            return;
        }
        else
        {
            QRectF newRect(m_oldRect);
            newRect.setBottom(event->pos().y());
            setRectSize(newRect);
            scene()->update();//必须要用scene()->update()，不能用update();否则会出现重影
        }
    }
    else if(m_StateFlag == MOV_RIGHTBOTTOM_RECT)
    {
        if(event->pos().y()<(m_oldRect.top()+10))
        {
            return;
        }
        else if(event->pos().x()<(m_oldRect.left()+10))
        {
            return;
        }
        else
        {
            QRectF newRect(m_oldRect);
            newRect.setBottomRight(event->pos());
            setRectSize(newRect);
            scene()->update();//必须要用scene()->update()，不能用update();否则会出现重影
        }
    }
    else {
        QGraphicsItem::mouseMoveEvent(event);
    }
}

void myGraphicRectItem::mouseReleaseEvent(QGraphicsSceneMouseEvent *event)
{
    setCursor(Qt::ArrowCursor);
    if(m_StateFlag == MOV_RECT)
    {
        m_StateFlag = DEFAULT_FLAG;
    }
    else {
        QGraphicsItem::mouseReleaseEvent(event);
    }
}

QRectF myGraphicRectItem::getCrtPosRectToSceen()
{
    QRectF retRect = QRectF(m_oldRect.x()+pos().x(),m_oldRect.y()+pos().y(),m_oldRect.width(),m_oldRect.height());
    return retRect;
}


源码：QTImage.zip 

创建座椅
第1步
打开Adobe Illustrator并创建一个850像素宽度和高度的新文档后，我们开始创建一把椅子。
首先，我们创建一个木制的椅子底座。
选择矩形工具（M）绘制一个长矩形。按住Shift和Alt键的同时，将此矩形向右移动。你会得到一份新的副本，将其填充颜色改为浅色。


第2步
接下来我们创造椅子腿。使用矩形工具（M）创建矩形。然后，使用直接选择工具（A），选择矩形下方的两个锚点，将它们向左移动。注意，左侧锚点移动的幅度要小于右侧的锚点



第3步
将腿固定在椅子的木质底座上。在按住Shift和Alt键的同时，将椅子腿向右移动，得到椅子腿的新副本
保持选中它们并点击镜像工具（O）。按住Alt键，单击两条腿的右侧。在弹出的新对话窗口中，选择“垂直”，“角度90度”，然后选择“复制”。得到对称的两条腿
将下图中标记的两条腿填充颜色更改为较浅的颜色



第4步
使用圆角矩形工具创建一个深蓝色圆角矩形，如下图所示。然后绘制另一个垂直的圆角矩形。最后，在垂直圆角矩形的上方添加一个正圆。完成椅子的靠背



第5步
使用圆角矩形工具添加新的圆角矩形。需要注意的是，它必须放置在先前创建形状的后面
使用椭圆工具（L），绘制椭圆，如下图所示。取消描边只具备填充颜色即可，下图中的黄色轮廓是为了方便我们的观察
使用矩形工具（M），在所有图形的后面绘制一个矩形
打开菜单右上方的形状构建。使用直接选择工具（A）选择先前创建矩形的右上角圆圈。将此小圆圈拖动到矩形内。将矩形的尖角变为圆角



第6步
使用圆角矩形工具，添加一个新的圆角矩形。放置在图形的后面
然后，使用椭圆工具（L） ，按住Shift键在圆角矩形顶部创建正圆



第7步
在椅子较浅的蓝色部分和较暗的部分后面添加一个小矩形
在按住Shift和Alt键的同时，将此矩形向右移动。得到矩形的副本
接着添加细长的圆角矩形创建扶手
选择整个扶手，按住Shift和Alt键的同时，向右移动得另一侧的扶手
椅子完成



第8步
完成了椅子，我们接下来制作小凳子
选择椅子的下半部分。按住Shift和Alt键的同时将它们向右移动。一个简易的凳子就完成了



缩小凳子放在椅子的一旁



创建书架
第1步
选择矩形工具绘制细长的矩形，然后选择椭圆工具在矩形上方添加一个小圆圈
接着按住Shift键的同时使用矩形工具（M）在圆圈上方绘制一个方形
之后，选择方形按住Shift键的同时旋转45度
使用直接选择工具（A）选择正方形上的顶部锚点。向上移动得到一个不规则菱形



第2步
选择书架的第一部分创建水平副本，在两根支架的之间创建水平矩形
按住Shift和Alt键的同时，向下移动水平矩形，获得多个水平矩形，完成书架框架部分



第3步
在书架框架的后面创建看度相同的矩形，在矩形的顶部创建逐渐变小的圆角矩形



创建书籍
第1步
创建一摞书，首先从创建一个圆角矩形开始
然后剪切掉圆角矩形的右侧：使圆角矩形的右侧与任意颜色的矩形重叠。保持选中这两个图形，进入“路径查找器”面板上的“减去顶层”选项（“窗口”>“路径查找器”）
·创建的得到形状的副本，删除填充颜色，赋予轮廓下图中看到的颜色
在图形的右端创建矩形，选中边框和矩形的同时，进入“路径查找器”面板中的“减去顶层”选项（“窗口”>“路径查找器”）
最后，在剩余图形的上下两端添加两个小矩形，完成书籍



第2步
更改书籍封面的填充颜色，然后创建更多的书籍。随意调整它们的尺寸将它们彼此堆放在一起



第3步
竖立的书籍绘制起来就相对简单了，根据自己喜好使用任意颜色的基本图形拼凑一下即可



第4步
将完成的书籍放置在书架上



在书架上创建盆栽植物
第1步
创建一个矩形，保持选中状态的同时，转到效果>扭曲>凸出。在新对话窗口中，输入您在下面看到的选项，然后单击确定



第2步
创建叶子。使用椭圆工具创建一个椭圆，使用锚点工具（Shift-C）单击其顶部和底部锚点。得到一个简单的叶子形状



第3步
创建叶子副本摆放在花盆里。更改其中一些叶子的填充颜色



将盆栽植物摆放在书架上



第4步
使用同样的方法创建粉色花盆



第5步
为花盆添加一个盘子。创建一个细长的矩形进入效果>变形>凸出。在新对话窗口中，输入您在下面看到的选项，然后选择确定



第6步
删除填充颜色，设置下面显示的笔触颜色。选择弧形工具，绘制植物的叶茎



第7步
创建龟背竹叶子，使用椭圆工具创建垂直椭圆作为叶子的基本形状，将上下锚点调整为圆角，使用铅笔工具在叶子上方创建多个不规则圆角矩形进行组合然后选择所有形状创建剪切蒙版，即可得到大叶片形状，选择橡皮擦工具（Shift-E） ，按住Alt键删除叶子的一侧可以得到小叶片。将绘制的叶子放置到叶茎的上方龟背竹盆栽就完成了



第8步
在书架的上方绘制一个正方形。然后使用选择工具（V）并在按住Shift键同时将方形旋转45度。得到如下图所示形状
然后选择删除锚点工具（ - ）删除正方形的顶部锚点。得到一个三角形（这将是放置盆栽的小垫布）
最后，把盆栽放在小垫布上



绘制吊篮植物
第1步
创建一个花盆。方法之前创建花盆的方式相同



第2步
创建叶子。使用椭圆工具创建一个椭圆，使用锚点工具（Shift-C）单击其顶部和底部锚点。得到一个简单的叶子形状。将叶子的一端放置在一起，完成后进行分组（Ctrl-G）
创建此组叶子的副本并更改其填充颜色



第3步
选择刚刚创建的花盆，使用弧形工具绘制一些叶茎。需要注意的是叶茎只需要笔划不需要填充颜色
之后，将先前创建的叶子放在茎秆上。准备工作就完成了



第4步
确保没有填充颜色并设置白色笔触颜色。使用线段工具（/）在吊篮的周围绘制线条进行装饰，形状图案自己满意即可



第5步
创建与吊篮相同的花盆，改变了它的填充颜色
然后，使用弧形工具和绿色画笔，为吊篮植物画出几根叶茎
之后，在叶茎上绘制许多的小型椭圆，另一种风格的吊篮就完成了



第6步
创建之前完成的系绳副本移动到当前吊篮的上方，完成



创建背景
第1步
排列当前创建的所有元素。无需将它们完全依照下图中的位置摆放，随意排列即可



第2步
选择矩形工具（M），点击画板。在新对话窗口中，输入长宽数值850 px，选择确定，得到米色背景



第3步
添加四个较暗的矩形作为窗口，以及一个较长的矩形作为瓷砖也可当做水平参考线，主要作用是突出空间感



第4步
将所有对象放置在背景上。一个复古风格的室内场景就完成了！

形状工具组在我们使用ps的过程中出现率还是很高的，要想熟练掌握ps，这些简单、基础的工具还是要熟练掌握的，接下来给大家简单介绍一下这些工具的使用方法及一些用途。


一.矩形工具

首先单击矩形工具，在打开的图片上按住鼠标左键拖拽，此时就会绘制出一个矩形选区，如果按住shift键的同时鼠标左键拖拽，这是就会绘制一个以鼠标为中心的正方形选区。

二.圆角矩形工具

它是一个可以创建出圆角效果的矩形的一个工具，它的半径的值越大，它的圆角越大。

三.椭圆工具

1.选择椭圆工具按住shift键拖动鼠标可以制作出正圆形，勾选“不受约束”即可绘制一个任意大小的圆或椭圆，勾选“圆”即可绘制一个任意大小的圆形，勾选“固定大小”即可根据你的需要输入对应的宽和高，绘制出圆形或椭圆，勾选*“比例*”同样是根据自身需要输入相应的高和宽的值，就可以绘制出相对应的圆或椭圆了，注意，选择“比例”此后的高和宽是不会变的，始终按照这个比例，最后勾选“从中心”，鼠标单击点即为圆的中心点。

2.椭圆工具还能运用布尔运算完成一些特殊形状的绘制：



运用布尔运算中的从“选区中减去”，减去顶层形状，就得到了月牙形状：



四.多边形工具

使用多边形工具可以绘制多边形和星形，勾选“边”输入数值，即可绘制多种多边形，勾选“半径”即可设置多边形的半径长度，勾选“平滑拐角”，即可使多变形变得圆滑，勾选“星形”，即可绘制出星形形状。
五.直线工具

用直线工具可以制作直线和带箭头的直线。“粗细”属性用来设置直线和箭头的粗细，勾选“起点”，即可绘制一个在起点有一个箭头的直线，勾选“终点”；即可绘制一个在终点有一个箭头的直线；同理，若将起点和终点都勾选的话，将绘制一个双向箭头；勾选“宽度”是用来设置直线和箭头的宽度百分比；同理，勾选“长度”，是用来设置直线和箭头长度的百分比。



六.自定形状工具

1.我们ps软件中有自带的一些形状可供我们选择，除此之外，我们还可以通过自己用钢笔工具画出想要的形状，然后右键自定义形状，然后在形状工具组就可找到；或者我们还可以 从网上下载ps中一些形状，然后保存到图形工具中。

2.我们平常生活中的花纹就可以用这种工具来制作：

（1）首先在形状中选择一个自己喜欢的图案，在画布上用鼠标拖拽一下就可以绘制。





（2）按Ctrl+Alt+T键将形状自由变换并旋转，将中心点调到一个合适的位置，然后调一下角度，这个就根据自己的喜好了，（我选的30°），点回车。



（3）按Ctrl+Alt+Shift+T键会将形状进行旋转复制，按一下T复制一次，复制几次之后就的到花纹的轮廓了，再用直接选择工具将形状全选。



（4）运用布尔运算相关知识，选择排除重叠形状，最后再填充颜色即可完成花纹的制作。



最后分享几个花纹库存：