QT实现截图工具

QT实现截图功能

最近突发奇想，想实现一个截图软件，于是使用QT写了一个基本的截图软件功能，后续会在优化，接下来我先介绍一下自己的实现思路

主体部分

主体部分就是实现一个遮罩和截图框，加上一个横向的菜单。

遮罩和截图框使用两个pixmap实现。实现一个Screen类，用来控制截图框的大小

#include <QObject>
#include <QSize>
#include <QPoint>

class TurboScreen : public QObject
{
    Q_OBJECT
    Q_PROPERTY(QPoint pos_left_up_ READ getPosLeftUp WRITE setPosLeftUp USER true);
    Q_PROPERTY(QPoint pos_right_down_ READ getPosLeftUp WRITE setPosLeftUp USER true);
    Q_PROPERTY(QPoint mouse_start_pos_ READ getMouseStartPos WRITE setMouseStartPos USER true);
    Q_PROPERTY(QPoint mouse_end_pos_ READ getMouseEndPos WRITE setMouseEndPos USER true);
    Q_PROPERTY(int max_width_ READ getMaxWidth WRITE setMaxWidth USER true);
    Q_PROPERTY(int max_height_ READ getMaxHeight WRITE setMaxHeight USER true);
public:
    enum STATUS
    {
        emSELECT,
        emMOV,
        emDRAW
    };
    explicit TurboScreen(QObject *parent = 0);
    explicit TurboScreen(const QSize &size, QObject *parent = 0);
    ~TurboScreen() override;

    void setPosLeftUp(const QPoint &point);
    QPoint getPosLeftUp();

    void setPosRightDown(const QPoint &point);
    QPoint getPosRightDown();

    void setMouseStartPos(const QPoint &point);
    QPoint getMouseStartPos();

    void setMouseEndPos(const QPoint &point);
    QPoint getMouseEndPos();

    void setMaxWidth(const int &value);
    int getMaxWidth();

    void setMaxHeight(const int &value);
    int getMaxHeight();

    void setStatus(const STATUS &status);
    STATUS getStatus();

    bool checkIsInArea(const QPoint &pos);
    void move(const QPoint &p);

protected:
    void comparePoints(QPoint &leftTop, QPoint &rightDown);

private:
    QPoint            pos_left_up_;
    QPoint            pos_right_down_;
    QPoint            mouse_start_pos_;
    QPoint            mouse_end_pos_;
    int               max_width_{0};
    int               max_height_{0};
    STATUS            status_;
};

截图主体类的设计

class TurboScreenCut : public QWidget
{
    Q_OBJECT
public:
    explicit TurboScreenCut(QWidget *parent = nullptr);
    static TurboScreenCut & instance();
    ~TurboScreenCut() override;

    void saveCutScreen();
    void drawPaintbrush();
    void drawEllipse();
    void drawRect();
    void drawMosaic();
    void drawArrow();
    void setCurrentCode(TurboShape::Code code);

protected:
    void showEvent(QShowEvent *event) override;
    void paintEvent(QPaintEvent *event) override;

    void mousePressEvent(QMouseEvent *event) override;
    void mouseMoveEvent(QMouseEvent *event) override;
    void mouseReleaseEvent(QMouseEvent *event) override;

    void keyPressEvent(QKeyEvent *event) override;

    bool event(QEvent *event) override;

private:
    TurboScreen                   *screen_{nullptr};
    QPixmap                       *blur_pix_{nullptr};        //模糊背景图
    QPixmap                       *full_pix_{nullptr};        //全屏图像
    QPixmap                       mosaic_pix_;
    QPoint                        mov_pos_;          //坐标
    QPoint                        rect_left_pos_;    //坐标
    TurboMenu                     *menu_;
    QList<TurboShape*>            shape_list_;
    TurboShape                    *shape_{nullptr};
    TurboShape::Code              current_code_;
};

横向菜单的设计

横向菜单是使用QWidget加按钮做成的

Menu主体代码：

void TurboMenu::initUi()
{
    QFrame *frame = new QFrame(this);
    QHBoxLayout *layout1 = new QHBoxLayout(this);
    QHBoxLayout *layout2 = new QHBoxLayout(this);
    frame->setLayout(layout1);
    setLayout(layout2);
    QPushButton *btnRect = new QPushButton(this);
    btnRect->setIcon(QIcon(":resources/image/rectangle.png"));
    btnRect->setIconSize(QSize(16, 16));
    connect(btnRect, &QPushButton::clicked, this, &TurboMenu::btnRectClicked);
    QPushButton *btnEllipse = new QPushButton(this);
    btnEllipse->setIcon(QIcon(":resources/image/ellipse.png"));
    btnEllipse->setIconSize(QSize(16, 16));
    connect(btnEllipse, &QPushButton::clicked, this, &TurboMenu::btnEllipseClicked);
    QPushButton *btnArrow = new QPushButton(this);
    btnArrow->setIcon(QIcon(":resources/image/arrow.png"));
    btnArrow->setIconSize(QSize(16, 16));
    connect(btnArrow, &QPushButton::clicked, this, &TurboMenu::btnArrowClicked);
    QPushButton *btnPaintbrush = new QPushButton(this);
    btnPaintbrush->setIcon(QIcon(":resources/image/paintbrush.png"));
    btnPaintbrush->setIconSize(QSize(16, 16));
    connect(btnPaintbrush, &QPushButton::clicked, this, &TurboMenu::btnPaintbrushClicked);
    QPushButton *btnMosaic = new QPushButton(this);
    btnMosaic->setIcon(QIcon(":resources/image/mosaic.png"));
    btnMosaic->setIconSize(QSize(16, 16));
    connect(btnMosaic, &QPushButton::clicked, this, &TurboMenu::btnMosaicClicked);
    QPushButton *btnSave = new QPushButton(this);
    btnSave->setIcon(QIcon(":resources/image/save.png"));
    btnSave->setIconSize(QSize(16, 16));
    connect(btnSave, &QPushButton::clicked, this, &TurboMenu::btnSaveClicked);
    QPushButton *btnQuit = new QPushButton(this);
    btnQuit->setIcon(QIcon(":resources/image/close.png"));
    btnQuit->setIconSize(QSize(16, 16));
    connect(btnQuit, &QPushButton::clicked, this, &TurboMenu::btnQuitClicked);
    layout1->addWidget(btnRect);
    layout1->addWidget(btnEllipse);
    layout1->addWidget(btnArrow);
    layout1->addWidget(btnPaintbrush);
    layout1->addWidget(btnMosaic);
    layout1->addWidget(btnSave);
    layout1->addWidget(btnQuit);
    layout2->addWidget(frame);
    QFile file(":resources/style/menu.qss");
    file.open(QIODevice::ReadOnly);
    QByteArray array = file.readAll();
    file.close();
    setStyleSheet(array);
}

绘制类

基类设计

class TurboShape
{
public:
    enum Code
    {
        emLine,
        emRect,
        emEllipse,
        emArrow,
        emMosaic
    };
    TurboShape();
    ~TurboShape();

    void setPosLeftUp(const QPoint &point);
    QPoint getPosLeftUp();

    void setPosRightDown(const QPoint &point);
    QPoint getPosRightDown();

    void setMovePoint(const QPoint &point);

    virtual void pushLinePoint(const QPoint &point){};

    void setMoveStatus(const bool &status);
    QVector<QPoint> getArrowShape();

    virtual void setMosaic(const QPixmap &map){};
    virtual QPixmap getMosaic(){ return QPixmap(); };

    virtual void paint(QPainter & painter) = 0;

protected:
    QPoint left_up_pos_;
    QPoint right_down_pos_;
    QPoint move_point_;
    bool move_status_;
};

各种形状的设计

class Line : public TurboShape
{
public:
    Line();
    void paint(QPainter &painter) override;

    void pushLinePoint(const QPoint &point);

private:
    QVector<QPoint> line_points_;
};

class Rect : public TurboShape
{
public:
    Rect();
    void paint(QPainter &painter);
};

class Ellipse : public TurboShape
{
public:
    Ellipse();
    void paint(QPainter &painter);
};

class Arrow : public TurboShape
{
public:
    Arrow();
    void paint(QPainter &painter);
    void pushLinePoint(const QPoint &point);

private:
    QVector<QPoint> line_points_;
};

class Mosaic : public TurboShape
{
public:
    Mosaic();
    void paint(QPainter &painter);

    void pushLinePoint(const QPoint &point) override;
    void setMosaic(const QPixmap &map) override;
    QPixmap getMosaic() override;

private:
    QPixmap mosaic_map_;
    QVector<QPoint> line_points_;
};

最终效果展示

具体实现代码暂不展示，有需要的话请三连加私信。