從0到1，手把手帶你開發截圖工具ScreenCap------001實現基本的截圖功能

KanHai1024發表於2023-12-07

ScreenCap---Version：001

說明

  • image
  • 從0到1，手把手帶你開發windows端的截圖軟體ScreenCap
  • 當前版本：ScreenCap---001
  • 支援全屏截圖
  • 支援滑鼠拖動截圖區域
  • 支援拖拽截圖
  • 支援儲存全屏截圖
  • 支援另存截圖到其他位置

警告

  • 注：博主所有資源永久免費，若有幫助，請點贊轉發是對我莫大的幫助
  • 注：博主本人學習過程的分享，引用他人的文章皆會標註原作者
  • 注：本人文章非盈利性質，若有侵權請聯絡我刪除
  • 注：獲取資源或者諮詢問題請聯絡Q：2950319782
  • 注：博主本人很菜，文章基本是二次創作，大佬請忽略我的隨筆
  • 注：我會一步步分享實現的細節，若仍有問題聯絡我

GitHub

  • 倉庫master下的ScreenCap專案
  • 若您無法正常訪問，每次專案的資源會隨文章一同釋出，下載壓縮包即可，永久免費
  • 壓縮包可能較GitHub更新不及時，請諒解

開發環境

  • win10系統
  • 編譯器qtcreator4.11.1
  • QT版本：5.14.2
  • C++11

問題解決

需求

  • 提供開始截圖的按鈕，點選開始截圖
  • 在截圖介面提供右鍵選單選擇
  • 選單實現儲存當前的截圖
  • 儲存全屏截圖
  • 截圖另存為
  • 全屏截圖另存為
  • 退出截圖
  • 滑鼠可以拖拽截圖區域
  • 圖片屬性實時計算

結構

  • image
  • image

思路

screencapwidget

  • 首先需要建立頁面ScreenCapWidget，提供開始截圖，按鍵設定，預設位置的按鈕
  • 首先實現開始截圖的功能，這裡不能直接在視窗執行緒實現，需要單獨建立一個screenwidget類實現截圖的主要操作
  • 獲取到screenwidget的例項後，應該處理截圖的邏輯了，建立例項的時候直接呼叫screenwidget父類widget的showFullScreen函式，將screenwidget以全屏的方式顯示出來，整個螢幕是當前截圖的操作區域，遮擋其他操作，這裡我們重寫一下screenwidget的showEvent事件

screenwidget

  • 而這個screenwidget類不應該一直存在，應該是呼叫開始截圖的時候才開始建立，這裡為了保證同一時刻只有一個screenwidget類建立，應該使用單例模式，確保只有一個例項
  • screenwidget建立的時候不需要ui檔案，這裡我們只需要使用widget裡的繪圖事件和選單功能，自己使用程式碼實現
  • 在標頭檔案裡首先維持一個靜態的QScopedPointer物件self，用於實現單例模式
  • 定義一個公共的靜態介面Instance以實現其他類來生成screenwidget物件
  • 下面來實現類的預設建構函式，提供選單功能，實現儲存當前的截圖，儲存全屏截圖，截圖另存為，全屏截圖另存為，退出截圖的功能
  • 因為screencapwidget呼叫其fullShowScreen函式，這裡重寫showEvent函式
  • showEvent函式中，直接獲取當前主螢幕的全屏影像儲存在fullScreen中，為提示使用者截圖開始了，這裡獲取到全屏物件後，模糊處理全屏，維持一個背景值bgScreen實現背景處理
  • 截圖介面的互動邏輯等會再實現，先處理關鍵的部分，建立一個myscreen類，實現截圖實現的資料主要邏輯
  • 重寫完showEvent後，已經獲取到全屏影像了，需要開始處理部分截圖了，即處理滑鼠事件，首先處理滑鼠按下press事件，第一次按下的位置就是起始位置，再根據此時myscreen的STATUS處理對應的事件
  • 處理滑鼠移動的事件，如果還在myscreen還在選擇狀態，那麼移動完的位置就是截圖的結束位置，myscreen在移動狀態，那麼計算偏移量減去移動開始時候的起始位置movPos即可，將偏移量傳入myscreen的move函式中，計算move後的截圖區域
  • 主要的滑鼠事件處理完了，下面處理release和右鍵事件
  • 滑鼠事件處理完了之後，要截圖的影像的區域我們已經知道了，下面重寫paint事件

myscreen

  • 該類主要實現對截圖的資料計算，來給screenwidget重寫事件提供詳細的資料
  • 這裡的類不需要視窗檔案，建立純粹的cpp類即可
  • 需要獲得從screenwidget類傳入的qsize引數，這裡使用帶qsize引數的建構函式
  • 首先截圖需要維護螢幕長和寬的值，maxHeight和maxWidth，這裡的資料應該是誰呼叫誰能獲取，全部設定為私有屬性，還需要設定其getWidth和getHeight方法
  • 還需要維持截圖區域的左上角和右下角的point值leftUpPos和rightDownPos，並設定getLeftUp和getRightDown方法
  • 處理滑鼠事件的時候，需要判斷當前截圖的狀態，維持列舉值STATUS，儲存選擇截圖區域，拖拽截圖，
  • 這裡需要實現判斷滑鼠是否在現有的截圖區域內isInArea和計算移動後的截圖位置的move函式

其他功能

關鍵程式碼

注：關鍵程式碼只負責解釋各部分的邏輯關係，詳解看程式碼註釋

  • screencapwidget處理開始截圖的功能，建立screenwidget的唯一例項，並顯示全屏視窗

    //ScreenWidget全屏顯示
    ScreenWidget::Instance()->showFullScreen();

  • 與showFullScreen相關的screenwidget的重寫showEvent事件

    //重寫視窗被顯示的事件
void ScreenWidget::showEvent(QShowEvent *)
{
    //設定初始位置
    QPoint point(-1,-1);
    myscreen->setStart(point);
    myscreen->setEnd(point);

    //獲取當前螢幕物件
    QScreen* pscreen = QApplication::primaryScreen();
    //呼叫QScreen的grabwindow進行全屏截圖
    *fullScreen = pscreen->grabWindow(0,0,0,myscreen->getWidth(),myscreen->getHeight());

    //設定透明度實現模糊背景
    QPixmap pix(myscreen->getWidth(),myscreen->getHeight());
    pix.fill((QColor(160,160,160,200)));
    bgScreen = new QPixmap(*fullScreen);
    QPainter p(bgScreen);
    p.drawPixmap(0,0,pix);
}

  • screenwidget實現單例模式的主要程式碼

  • //定義單例模式，確保截圖的時候只能有一個
ScreenWidget* ScreenWidget::Instance()
{
    //還沒有建立例項
    if(self.isNull())
    {
        //加把鎖,只能有一個執行緒訪問
        static QMutex mutex;
        //自動加解鎖
        QMutexLocker locker(&mutex);
        //再次判斷有沒有例項，防止等待的時間中有執行緒獲取到例項了
        if(self.isNull())
        {
            self.reset(new ScreenWidget);
        }
    }
    return self.data();

}

  • screenwidget提供的選單功能

  • //建立一個選單檔案
    menu = new QMenu(this);
    //新增選單的功能
    menu->addAction("儲存當前的截圖",this,SLOT(saveScreen()));
    menu->addAction("儲存全屏截圖",this,SLOT(saveFullScreen()));
    menu->addAction("截圖另存為",this,SLOT(saveScreenOther()));
    menu->addAction("全屏截圖另存為",this,SLOT(saveFullOther()));
    menu->addAction("退出截圖",this,SLOT(hide()));

  • screenwidget維持myscreen的類，並在screenwidget的建構函式中例項化myscreen類，傳入當前螢幕的大小，二者同步生成

    myScreen* myscreen;

     //獲取螢幕大小
    myscreen = new myScreen(deskGeometry.size());

  • 獲取到當前螢幕的qrect物件，呼叫size函式獲取螢幕的size值，使用宏展開式，不單獨處理了，需要的時候直接綻開計算

    #define deskGeometry qApp->primaryScreen()->geometry()

  • 處理圖片移動

    void myScreen::move(QPoint p)
{
    //計算move後的四個點座標
    int lx = leftUpPos.x() + p.x();
    int ly = leftUpPos.y() + p.y();
    int rx = rightDownPos.x() + p.x();
    int ry = rightDownPos.y() + p.y();
    //確保移動後的截圖不會超出螢幕範圍
    if(lx < 0)
    {
        lx = 0;
        rx -= p.x();
    }
    if(ly < 0)
    {
        ly = 0;
        ry -= p.y();
    }
    if(rx > maxWidth)
    {
        rx = maxWidth;
        lx -= p.x();
    }
    if(ry > maxHeight)
    {
        ry = maxHeight;
        ly -= p.y();
    }

    //更新移動後的值
    leftUpPos = QPoint(lx,ly);
    rightDownPos = QPoint(rx,ry);
    startPos = leftUpPos;
    endPos = rightDownPos;
}

  • 處理滑鼠press

    void ScreenWidget::mousePressEvent(QMouseEvent *e)
{
    int status = myscreen->getStatus();
    //選擇區域的狀態
    if(status == myScreen::SELECT)
    {
        //把滑鼠按下的位置設定為開始位置
        myscreen->setStart(e->pos());
    }
    //拖拽截圖
    else if(status == myScreen::MOV)
    {
        //滑鼠不在截圖的區域內，是要重新選擇截圖區域
        if(myscreen->isInArea(e->pos()) == false)
        {
            //新按下的位置設定為開始位置，並重置狀態為選擇
            myscreen->setStart(e->pos());
            myscreen->setStatus(myScreen::SELECT);
        }
        //在截圖區域內，是要拖拽截圖
        else
        {
            //開始移動的起始位置就是現在滑鼠按下的位置
            movPos = e->pos();
            this->setCursor(Qt::SizeAllCursor);
        }
    }
    this->update();
}

  • 處理滑鼠move

    void ScreenWidget::mouseMoveEvent(QMouseEvent *e)
{
    //在選擇狀態
    if(myscreen->getStatus() == myScreen::SELECT)
    {
        myscreen->setEnd(e->pos());
    }
    //在移動狀態
    else if(myscreen->getStatus() == myScreen::MOV)
    {
        //計算滑鼠偏移量
        QPoint p(e->x() - movPos.x(),e->y() - movPos.y());
        myscreen->move(p);
        movPos = e->pos();//儲存上一次滑鼠的位置
    }
    //觸發視窗的更新,重新繪製螢幕截圖和矩形框
    this->update();
}

相關文章