从0到1，手把手带你开发截图工具ScreenCap------001实现基本的截图功能 ...

ScreenCap---Version：001

说明

• 
  

• 从0到1，手把手带你开发windows端的截屏软件ScreenCap
  
• 当前版本：ScreenCap---001
  
• 支持全屏截图
  
• 支持鼠标拖动截图区域
  
• 支持拖拽截图
  
• 支持保存全屏截图
  
• 支持另存截图到其他位置
  

警告

• 注：博主所有资源永久免费，若有帮助，请点赞转发是对我莫大的帮助
  
• 注：博主本人学习过程的分享，引用他人的文章皆会标注原作者
  
• 注：本人文章非盈利性质，若有侵权请联系我删除
  
• 注：获取资源或者咨询问题请联系Q：2950319782
  
• 注：博主本人很菜，文章基本是二次创作，大佬请忽略我的随笔
  
• 注：我会一步步分享实现的细节，若仍有问题联系我
  

GitHub

• 仓库master下的ScreenCap项目
  
• 若您无法正常访问，每次项目的资源会随文章一同发布，下载压缩包即可，永久免费
  
• 压缩包可能较GitHub更新不及时，请谅解
  

开发环境

• win10系统
  
• 编译器qtcreator4.11.1
  
• QT版本：5.14.2
  
• C++11
  

问题解决

需求

• 提供开始截图的按钮，点击开始截图
  
• 在截图界面提供右键菜单选择
  
• 菜单实现保存当前的截图
  
• 保存全屏截图
  
• 截图另存为
  
• 全屏截图另存为
  
• 退出截图
  
• 鼠标可以拖拽截屏区域
  
• 图片属性实时计算
  

结构

• 
  

• 
  

思路

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的唯一实例，并显示全屏窗口
  1. //ScreenWidget全屏显示
  2.     ScreenWidget::Instance()->showFullScreen();

  复制代码
• 与showFullScreen相关的screenwidget的重写showEvent事件
  1. //重写窗口被显示的事件
  2. void ScreenWidget::showEvent(QShowEvent *)
  3. {
  4.     //设置初始位置
  5.     QPoint point(-1,-1);
  6.     myscreen->setStart(point);
  7.     myscreen->setEnd(point);
  9.     //获取当前屏幕对象
  10.     QScreen* pscreen = QApplication::primaryScreen();
  11.     //调用QScreen的grabwindow进行全屏截图
  12.     *fullScreen = pscreen->grabWindow(0,0,0,myscreen->getWidth(),myscreen->getHeight());
  14.     //设置透明度实现模糊背景
  15.     QPixmap pix(myscreen->getWidth(),myscreen->getHeight());
  16.     pix.fill((QColor(160,160,160,200)));
  17.     bgScreen = new QPixmap(*fullScreen);
  18.     QPainter p(bgScreen);
  19.     p.drawPixmap(0,0,pix);
  20. }

  复制代码
• screenwidget实现单例模式的主要代码
  
• 1. //定义单例模式，确保截屏的时候只能有一个
  2. ScreenWidget* ScreenWidget::Instance()
  3. {
  4.     //还没有创建实例
  5.     if(self.isNull())
  6.     {
  7.         //加把锁,只能有一个线程访问
  8.         static QMutex mutex;
  9.         //自动加解锁
  10.         QMutexLocker locker(&mutex);
  11.         //再次判断有没有实例，防止等待的时间中有线程获取到实例了
  12.         if(self.isNull())
  13.         {
  14.             self.reset(new ScreenWidget);
  15.         }
  16.     }
  17.     return self.data();
  19. }

  复制代码
• screenwidget提供的菜单功能
  
• 1. //创建一个菜单文件
  2.     menu = new QMenu(this);
  3.     //添加菜单的功能
  4.     menu->addAction("保存当前的截图",this,SLOT(saveScreen()));
  5.     menu->addAction("保存全屏截图",this,SLOT(saveFullScreen()));
  6.     menu->addAction("截图另存为",this,SLOT(saveScreenOther()));
  7.     menu->addAction("全屏截图另存为",this,SLOT(saveFullOther()));
  8.     menu->addAction("退出截图",this,SLOT(hide()));

  复制代码
• screenwidget维持myscreen的类，并在screenwidget的构造函数中实例化myscreen类，传入当前屏幕的大小，二者同步生成
  1. myScreen* myscreen;

  复制代码
  1. //获取屏幕大小
  2.     myscreen = new myScreen(deskGeometry.size());

  复制代码
• 获取到当前屏幕的qrect对象，调用size函数获取屏幕的size值，使用宏展开式，不单独处理了，需要的时候直接绽开计算
  1. #define deskGeometry qApp->primaryScreen()->geometry()

  复制代码
• 处理图片移动
  1. void myScreen::move(QPoint p)
  2. {
  3.     //计算move后的四个点坐标
  4.     int lx = leftUpPos.x() + p.x();
  5.     int ly = leftUpPos.y() + p.y();
  6.     int rx = rightDownPos.x() + p.x();
  7.     int ry = rightDownPos.y() + p.y();
  8.     //确保移动后的截屏不会超出屏幕范围
  9.     if(lx < 0)
  10.     {
  11.         lx = 0;
  12.         rx -= p.x();
  13.     }
  14.     if(ly < 0)
  15.     {
  16.         ly = 0;
  17.         ry -= p.y();
  18.     }
  19.     if(rx > maxWidth)
  20.     {
  21.         rx = maxWidth;
  22.         lx -= p.x();
  23.     }
  24.     if(ry > maxHeight)
  25.     {
  26.         ry = maxHeight;
  27.         ly -= p.y();
  28.     }
  30.     //更新移动后的值
  31.     leftUpPos = QPoint(lx,ly);
  32.     rightDownPos = QPoint(rx,ry);
  33.     startPos = leftUpPos;
  34.     endPos = rightDownPos;
  35. }

  复制代码
• 处理鼠标press
  1. void ScreenWidget::mousePressEvent(QMouseEvent *e)
  2. {
  3.     int status = myscreen->getStatus();
  4.     //选择区域的状态
  5.     if(status == myScreen::SELECT)
  6.     {
  7.         //把鼠标按下的位置设置为开始位置
  8.         myscreen->setStart(e->pos());
  9.     }
  10.     //拖拽截屏
  11.     else if(status == myScreen::MOV)
  12.     {
  13.         //鼠标不在截屏的区域内，是要重新选择截屏区域
  14.         if(myscreen->isInArea(e->pos()) == false)
  15.         {
  16.             //新按下的位置设置为开始位置，并重置状态为选择
  17.             myscreen->setStart(e->pos());
  18.             myscreen->setStatus(myScreen::SELECT);
  19.         }
  20.         //在截屏区域内，是要拖拽截屏
  21.         else
  22.         {
  23.             //开始移动的起始位置就是现在鼠标按下的位置
  24.             movPos = e->pos();
  25.             this->setCursor(Qt::SizeAllCursor);
  26.         }
  27.     }
  28.     this->update();
  29. }

  复制代码
• 处理鼠标move
  1. void ScreenWidget::mouseMoveEvent(QMouseEvent *e)
  2. {
  3.     //在选择状态
  4.     if(myscreen->getStatus() == myScreen::SELECT)
  5.     {
  6.         myscreen->setEnd(e->pos());
  7.     }
  8.     //在移动状态
  9.     else if(myscreen->getStatus() == myScreen::MOV)
  10.     {
  11.         //计算鼠标偏移量
  12.         QPoint p(e->x() - movPos.x(),e->y() - movPos.y());
  13.         myscreen->move(p);
  14.         movPos = e->pos();//保存上一次鼠标的位置
  15.     }
  16.     //触发窗口的更新,重新绘制屏幕截图和矩形框
  17.     this->update();
  18. }

  复制代码

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！