• 取色器实战（Qt含源码）

          取色器是软件开发中常用的小工具，为了方便在开发中取色，我自己开发了一款取色器，简单好用，主要是如果功能上有缺陷的我还能自己添加。

    一、功能介绍

    1. 点击选择自动截取当前屏幕图片，通过选择当前图片的色素来获取当前对应位置的颜色。

    2. 复制按钮，可以复制右边选择框的内容。

    3. 通过移动条形框，可以选择对应的颜色的RGB值。

    4. 通过输入RGB值可以直接获取右边16进制的值。

    5. 通过输入6位16进制的值可以获取对应的RGB值。

    二、功能开发

    1. 布局

    布局说明如下图：

    main布局使用垂直布局的方式。然后每一个layout使用水平布局方式。

    1. void MainWindow::initUI()
    2. {
    3.     setWindowTitle("取色器");
    4.     m_ptrWdgMain->setLayout(m_ptrLayoutMain);
    5.     m_ptrLabShowColor = updateShowLable(m_ptrLabShowColor, Qt::black);
    6.     m_ptrLabShowColor->setFixedSize(50, 50);
    7.     m_ptrLayoutShowColor->addWidget(m_ptrLabShowColor);
    8.  
    9.     m_ptrLabShowRed = updateShowLable(m_ptrLabShowRed, Qt::black);
    10.     m_ptrSliderRed = updateSlider(m_ptrSliderRed);
    11.     m_ptrLabRed = updateShowLable(m_ptrLabRed, Qt::red);
    12.     m_ptrLayoutRed->addWidget(m_ptrLabShowRed);
    13.     m_ptrLayoutRed->addWidget(m_ptrSliderRed);
    14.     m_ptrLayoutRed->addWidget(m_ptrLabRed);
    15.     m_ptrLayoutRed->addWidget(m_ptrLineRed);
    16.     m_ptrLineRed->setPlaceholderText("0-255");
    17.     m_ptrLineRed->setText("0");
    18.  
    19.     m_ptrLabShowGreen = updateShowLable(m_ptrLabShowGreen, Qt::black);
    20.     m_ptrSliderGreen = updateSlider(m_ptrSliderGreen);
    21.     m_ptrLabGreen = updateShowLable(m_ptrLabGreen, Qt::green);
    22.     m_ptrLayoutGreen->addWidget(m_ptrLabShowGreen);
    23.     m_ptrLayoutGreen->addWidget(m_ptrSliderGreen);
    24.     m_ptrLayoutGreen->addWidget(m_ptrLabGreen);
    25.     m_ptrLayoutGreen->addWidget(m_ptrLineGreen);
    26.     m_ptrLineGreen->setPlaceholderText("0-255");
    27.     m_ptrLineGreen->setText("0");
    28.  
    29.     m_ptrLabShowBlue = updateShowLable(m_ptrLabShowBlue, Qt::black);
    30.     m_ptrSliderBlue = updateSlider(m_ptrSliderBlue);
    31.     m_ptrLabBlue = updateShowLable(m_ptrLabBlue, Qt::blue);
    32.     m_ptrLayoutBlue->addWidget(m_ptrLabShowBlue);
    33.     m_ptrLayoutBlue->addWidget(m_ptrSliderBlue);
    34.     m_ptrLayoutBlue->addWidget(m_ptrLabBlue);
    35.     m_ptrLayoutBlue->addWidget(m_ptrLineBlue);
    36.     m_ptrLineBlue->setPlaceholderText("0-255");
    37.     m_ptrLineBlue->setText("0");
    38.  
    39.     m_ptrLayoutButton->addWidget(m_ptrBtnPickColor);
    40.     m_ptrLayoutButton->addWidget(m_ptrBtnCopy);
    41.     m_ptrLayoutButton->addWidget(m_ptrLineColor);
    42.     m_ptrLineColor->setPlaceholderText("6位16进制");
    43.     m_ptrLayoutMain->addLayout(m_ptrLayoutShowColor);
    44.     m_ptrLayoutMain->addLayout(m_ptrLayoutRed);
    45.     m_ptrLayoutMain->addLayout(m_ptrLayoutGreen);
    46.     m_ptrLayoutMain->addLayout(m_ptrLayoutBlue);
    47.     m_ptrLayoutMain->addLayout(m_ptrLayoutButton);
    48.  
    49.     this->setCentralWidget(m_ptrWdgMain);
    50. }

    2. 控件消息绑定

    QAbstractSlider::valueChanged ：当滑动按钮值变动时触发。

    QLineEdit::textChanged：当编辑按钮变动时触发。

    QLineEdit::returnPressed：在结果编辑框回车时触发。

    QPushButton::clicked ：在按钮按下时触发。

    1. void MainWindow::initConnect()
    2. {
    3.     connect(m_ptrSliderRed, SIGNAL(valueChanged(int)), this,
    4.             SLOT(slotRedValue(int)));
    5.     connect(m_ptrSliderGreen, SIGNAL(valueChanged(int)), this,
    6.             SLOT(slotGreenValue(int)));
    7.     connect(m_ptrSliderBlue, SIGNAL(valueChanged(int)), this,
    8.             SLOT(slotBlueValue(int)));
    9.     connect(m_ptrBtnPickColor, SIGNAL(clicked()), this, SLOT(slotPickColor()));
    10.     connect(m_ptrBtnCopy, SIGNAL(clicked()), this, SLOT(slotCopyColorValue()));
    11.     connect(m_ptrWdgPick, SIGNAL(finished(int)), this,
    12.             SLOT(slotClosePickWidget(int)));
    13.     connect(m_ptrWdgPick, &QPickWidget::sigColor, this,
    14.             &MainWindow::slotGetColor);
    15.     connect(m_ptrLineRed, SIGNAL(textChanged(QString)), this,
    16.             SLOT(slotRedValueChange(QString)));
    17.     connect(m_ptrLineGreen, SIGNAL(textChanged(QString)), this,
    18.             SLOT(slotGreenValueChange(QString)));
    19.     connect(m_ptrLineBlue, SIGNAL(textChanged(QString)), this,
    20.             SLOT(slotBlueValueChange(QString)));
    21.  
    22.     // 绑定回车
    23.     connect(m_ptrLineColor, &QLineEdit::returnPressed, this, [this]() {
    24.         QString strColor = m_ptrLineColor->text();
    25.         if (strColor.size() != 6) {
    26.             return;
    27.         }
    28.         QColor color("#" + strColor);
    29.  
    30.         m_ptrLineRed->setText(QString::number(color.red()));
    31.         m_ptrLineGreen->setText(QString::number(color.green()));
    32.         m_ptrLineBlue->setText(QString::number(color.blue()));
    33.         qInfo() << "m_ptrLineColor" << m_ptrLineColor->text();
    34.     });
    35. }

    3. 控件消息处理

    3.1 按钮选择按钮

    隐藏本应用然后，然后截取桌面全屏，然后将应用的图片展示全屏。

    1. void MainWindow::slotPickColor()
    2. {
    3.     this->hide();
    4.     QTimer::singleShot(200, this, &MainWindow::slotShowPick);
    5. }
    6.  
    7. void MainWindow::slotShowPick()
    8. {
    9.     QScreen *screen = QGuiApplication::primaryScreen();
    10.     m_ptrWdgPick->setPickPicture(screen->grabWindow(0));
    11.     m_ptrWdgPick->showFullScreen();
    12. }

    3.2 滚动选择框

    当前滚动值改变时，改变文本编辑框的内容。

    1. void MainWindow::slotGreenValueChange(QString strValue)
    2. {
    3.     m_ptrSliderGreen->setValue(strValue.toInt());
    4. }

    3.3 输入框值改变

    当用户输入框输入内容时，修改滚动条的值，并且改变颜色。

    1. void MainWindow::updateShowColor()
    2. {
    3.     m_ptrLabShowColor->setPalette(
    4.         QPalette(QPalette::Background, QColor(m_iRed, m_iGreen, m_iBulle)));
    5.     QString strRed = QString("%1").arg(m_iRed, 2, 16, QLatin1Char('0'));
    6.     QString strGreen = QString("%1").arg(m_iGreen, 2, 16, QLatin1Char('0'));
    7.     QString strBlue = QString("%1").arg(m_iBulle, 2, 16, QLatin1Char('0'));
    8.     m_ptrLineColor->setText(strRed + strGreen + strBlue);
    9. }
    10.  
    11. void MainWindow::slotRedValue(int value)
    12. {
    13.     m_ptrLineRed->setText(QString::number(value));
    14.     m_iRed = value;
    15.     updateLable(value, Red);
    16.     updateShowColor();
    17. }

    4. 选择框逻辑

    获取鼠标的坐标点。

    1. 使用控件qlabel来展示放大的图。

    2. 鼠标移动qlabel控件跟随移动。

    3. 截取鼠标位置点的图片。

    1. #include "qpickwidget.h"
    2. #include 
    3. #include 
    4. #include 
    5. #include 
    6. #include 
    7. QPickWidget::QPickWidget(QWidget *parent)
    8.     : QDialog(parent)
    9.     , m_ptrLabMouse(new QLabel(this))
    10. {
    11.     m_ptrLabMouse->setFixedSize(100, 100);
    12.     m_ptrLabMouse->setAutoFillBackground(true);
    13.     m_ptrLabMouse->setPalette(QPalette(QPalette::Background, QColor(Qt::red)));
    14.     m_ptrLabMouse->setAttribute(Qt::WA_TransparentForMouseEvents, true);
    15.     this->setMouseTracking(true);
    16.     setCursor(Qt::CrossCursor);
    17.     initConnect();
    18. }
    19.  
    20. void QPickWidget::setPickPicture(QPixmap pixmap)
    21. {
    22.     m_pixmapPickPicture = pixmap;
    23.     QPalette p;
    24.     p.setBrush(QPalette::Background, QBrush(pixmap));
    25.     this->setPalette(p);
    26. }
    27.  
    28. void QPickWidget::initConnect()
    29. {
    30.    // connect(this, SIGNAL(clicked()), this, SLOT(slotPickColor));
    31. }
    32.  
    33. void QPickWidget::slotPickColor() { this->close(); }
    34.  
    35. void QPickWidget::keyPressEvent(QKeyEvent *event)
    36. {
    37.     if (event->key() == Qt::Key_Escape) {
    38.         this->close();
    39.     }
    40. }
    41.  
    42. void QPickWidget::showEvent(QShowEvent *event) { qInfo() << "showEvent"; }
    43.  
    44. void QPickWidget::mouseMoveEvent(QMouseEvent *event)
    45. {
    46.     int mouse_x = event->x();
    47.     int mouse_y = event->y();
    48.     m_ptrLabMouse->move(mouse_x - m_ptrLabMouse->width() / 2,
    49.                         mouse_y - m_ptrLabMouse->height() / 2);
    50.     // QRect rect(mouse_x - 3.5, mouse_y, 7, 7);
    51.     QPixmap cropped =
    52.         m_pixmapPickPicture.copy(mouse_x -4, mouse_y -4, 9, 9);
    53.     QPixmap cropped1 = cropped.scaled(100, 100, Qt::KeepAspectRatio);
    54.  
    55.     QPalette p;
    56.     p.setBrush(QPalette::Background, QBrush(cropped1));
    57.     m_ptrLabMouse->setPalette(p);
    58. }
    59.  
    60. void QPickWidget::mousePressEvent(QMouseEvent *event)
    61. {
    62.     qInfo() << "mousePressEvent";
    63.     QRgb tmp_rgb = m_pixmapPickPicture.toImage().pixel(event->x(), event->y());
    64.     QColor rgb(tmp_rgb);
    65.     emit sigColor(rgb.red(), rgb.green(), rgb.blue());
    66.     this->close();
    67. }

    5. 源码

    源码地址：三雷科技 / getColor · GitCode

  • 相关阅读:
    C# 中的特性
    AspectCore和MSDI 实现Name注册以及解析对象
    算法笔记：二叉树
    Vsftpd文件传输服务(三种认证模式：匿名开放 、本地用户、虚拟用户)
    聚观早报 | 百度糯米发布下线公告；零跑汽车获港交所上市批准
    Redis 6.0 新功能
    解决计算机视觉模型中的种族和性别偏见问题，Meta开源 FACET工具
    conda配置多版本python
    分享从零开始学习网络设备配置--任务3.5 使用静态路由实现网络连通
    基于单片机智能汽车仪表设计系统
  • 原文地址：https://blog.csdn.net/arv002/article/details/126004176