QT自定义控件之RGB颜色选择器

最新推荐文章于 2024-07-23 13:18:06 发布
最新推荐文章于 2024-07-23 13:18:06 发布
阅读量3.8k 收藏 5
点赞数 1
分类专栏： QT
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zym326975/article/details/100055762
版权 

#ifndef QCOL_H
#define QCOL_H

#include <QWidget>
#include <QPainter>
#include <QMouseEvent>
#include <math.h>

class QCol : public QWidget
{
    Q_OBJECT
public:
    QCol(QWidget* parent = 0);
    QSize minimumSizeHint() const;
    QSize sizeHint() const;
    ~QCol();

signals:
    void colorChanged(QColor);

public slots:

protected:
    void paintEvent(QPaintEvent *);
    void mousePressEvent(QMouseEvent *);
    void mouseMoveEvent(QMouseEvent *);
    void paintBorder();
    void paintBar();
    void paintValue();
    void paintText();

private:
    double redY;
    double greenY;
    double blueY;
    double opY;
    double redyp;
    double greenyp;
    double blueyp;
    double opyp;

};

#endif // QCOL_H

#include "qcol.h"

QCol::QCol(QWidget *parent)
    : QWidget(parent)
{
    redY = 225;
    greenY = 225;
    blueY = 225;
    opY = 225;
    redyp = 112.5;
    greenyp = 112.5;
    blueyp = 112.5;
    opyp = 112.5;
}

void QCol::paintEvent(QPaintEvent *)
{
    paintBorder();
    paintBar();
    paintValue();
    paintText();
}

void QCol::mousePressEvent(QMouseEvent *e)
{
    double x = e->x();
    double y = e->y();

    double wrun = width();
    double hrun = height();

    double wstart = 200;
    double hstart = 200;

    double dx = wrun/wstart;
    double dy = hrun/hstart;

    double diff = 60;
    double diff2 = 30;
    double coeff = 2;

    double py = ((y/dy)*coeff)-diff;
    double pyp = (y/dy)-diff2;

    if (py >= 224)
        py = 225;
    if (py <= 1)
        py = 0;

    if (y>=(30*dy) && y<=(142.75*dy))
    {

        if (x>=(30*dx) && x<=(50*dx))
        {
            redY = py;
            redyp = pyp;
        }
        if (x>=(60*dx) && x<=(80*dx))
        {
            greenY = py;
            greenyp = pyp;
        }
        if (x>=(90*dx) && x<=(110*dx))
        {
            blueY = py;
            blueyp = pyp;
        }
        if (x>=(120*dx) && x<=(140*dx))
        {
            opY = py;
            opyp = pyp;
        }

        update();
    }
}

void QCol::mouseMoveEvent(QMouseEvent *e)
{
    double x = e->x();
    double y = e->y();

    double wrun = width();
    double hrun = height();

    double wstart = 200;
    double hstart = 200;

    double dx = wrun/wstart;
    double dy = hrun/hstart;

    double diff = 60;
    double diff2 = 30;
    double coeff = 2;

    double py = ((y/dy)*coeff)-diff;
    double pyp = (y/dy)-diff2;

    if (py >= 224)
        py = 225;
    if (py <= 1)
        py = 0;

    if (y>=(30*dy) && y<=(142.75*dy))
    {

        if (x>=(30*dx) && x<=(50*dx))
        {
            redY = py;
            redyp = pyp;
        }
        if (x>=(60*dx) && x<=(80*dx))
        {
            greenY = py;
            greenyp = pyp;
        }
        if (x>=(90*dx) && x<=(110*dx))
        {
            blueY = py;
            blueyp = pyp;
        }
        if (x>=(120*dx) && x<=(140*dx))
        {
            opY = py;
            opyp = pyp;
        }

        update();
    }

}

void QCol::paintBorder()
{
    QPainter painter(this);
    painter.setWindow(0, 0, 200, 200);
    painter.setRenderHint(QPainter::Antialiasing);
    painter.setPen(QPen(QColor(80,80,80), 2, Qt::SolidLine, Qt::RoundCap, Qt::RoundJoin));

    QLinearGradient linGrad1(10, 100, 15, 100);
    linGrad1.setColorAt(0, Qt::white);
    linGrad1.setColorAt(1, QColor(80,80,80));
    linGrad1.setSpread(QGradient::PadSpread);
    painter.setBrush(linGrad1);

    QRectF border(10, 10, 180, 180);
    painter.drawRect(border);

    QLinearGradient linGrad2(190, 100, 195, 100);
    linGrad2.setColorAt(0, QColor(80,80,80));
    linGrad2.setColorAt(1, Qt::black);
    linGrad2.setSpread(QGradient::PadSpread);
    painter.setBrush(linGrad2);

    QRectF border1(15, 10, 180, 180);
    painter.drawRect(border1);
}

void QCol::paintBar()
{
    QPainter painter(this);
    painter.setWindow(0, 0, 200, 200);
    painter.setRenderHint(QPainter::Antialiasing);
    painter.setPen(QPen(Qt::black, 1, Qt::SolidLine, Qt::RoundCap, Qt::RoundJoin));
    painter.setBrush(Qt::black);

    QLinearGradient linGrad1(30,90,35,90);
    linGrad1.setColorAt(0, Qt::gray);
    linGrad1.setColorAt(1, Qt::black);
    linGrad1.setSpread(QGradient::PadSpread);
    painter.setBrush(linGrad1);
    QRectF gradRect1(30, 30, 20, 112.5);
    painter.drawRect(gradRect1);

    QLinearGradient redGrad(40, 142.5, 40, 30);
    redGrad.setColorAt(0, Qt::red);
    redGrad.setColorAt(1, Qt::black);
    redGrad.setSpread(QGradient::PadSpread);
    painter.setOpacity(0.75);
    painter.setBrush(redGrad);
    QRectF red(30, 30, 20, redyp);
    painter.drawRect(red);

    QLinearGradient linGrad2(60,90,65,90);
    linGrad2.setColorAt(0, Qt::gray);
    linGrad2.setColorAt(1, Qt::black);
    linGrad2.setSpread(QGradient::PadSpread);
    painter.setBrush(linGrad2);
    QRectF gradRect2(60, 30, 20, 112.5);
    painter.drawRect(gradRect2);

    QLinearGradient greenGrad(70, 142.5, 70, 30);
    greenGrad.setColorAt(0, Qt::green);
    greenGrad.setColorAt(1, Qt::black);
    greenGrad.setSpread(QGradient::PadSpread);
    painter.setOpacity(0.75);
    painter.setBrush(greenGrad);
    QRectF green(60, 30, 20, greenyp);
    painter.drawRect(green);

    QLinearGradient linGrad3(90,90,95,90);
    linGrad3.setColorAt(0, Qt::gray);
    linGrad3.setColorAt(1, Qt::black);
    linGrad3.setSpread(QGradient::PadSpread);
    painter.setBrush(linGrad3);
    QRectF gradRect3(90, 30, 20, 112.5);
    painter.drawRect(gradRect3);

    QLinearGradient blueGrad(100, 142.5, 100, 30);
    blueGrad.setColorAt(0, Qt::blue);
    blueGrad.setColorAt(1, Qt::black);
    blueGrad.setSpread(QGradient::PadSpread);
    painter.setOpacity(0.75);
    painter.setBrush(blueGrad);
    QRectF blue(90, 30, 20, blueyp);
    painter.drawRect(blue);

    QLinearGradient linGrad4(120,90,125,90);
    linGrad4.setColorAt(0, Qt::gray);
    linGrad4.setColorAt(1, Qt::black);
    linGrad4.setSpread(QGradient::PadSpread);
    painter.setBrush(linGrad4);
    QRectF gradRect4(120, 30, 20, 112.5);
    painter.drawRect(gradRect4);

    QLinearGradient opGrad(130, 142.5, 130, 30);
    opGrad.setColorAt(0, Qt::white);
    opGrad.setColorAt(1, Qt::black);
    opGrad.setSpread(QGradient::PadSpread);
    painter.setOpacity(0.75);
    painter.setBrush(opGrad);
    QRectF op(120, 30, 20, opyp);
    painter.drawRect(op);

    painter.setOpacity(1);
    QColor color(redY, greenY, blueY, opY);
    painter.setBrush(color);
    QRectF tot(150, 30, 30, 150.5);
    painter.drawRect(tot);

    emit colorChanged(color);
}

void QCol::paintValue()
{
    QPainter painter(this);
    painter.setWindow(0, 0, 200, 200);
    painter.setRenderHint(QPainter::Antialiasing);
    painter.setBrush(QBrush(Qt::black));

    QRectF redRect(30, 150, 20, 15);
    painter.drawRect(redRect);

    QRectF greenRect(60, 150, 20, 15);
    painter.drawRect(greenRect);

    QRectF blueRect(90, 150, 20, 15);
    painter.drawRect(blueRect);

    QRectF opRect(120, 150, 20, 15);
    painter.drawRect(opRect);

    QFont valFont("SanSerif", 7, QFont::Bold);
    painter.setFont(valFont);
    painter.setPen(Qt::yellow);

    QString redVal = QString("%1").arg(redY,0,'f',0);
    painter.drawText(redRect, Qt::AlignCenter, redVal);

    QString greenVal = QString("%1").arg(greenY,0,'f',0);
    painter.drawText(greenRect, Qt::AlignCenter, greenVal);

    QString blueVal = QString("%1").arg(blueY,0,'f',0);
    painter.drawText(blueRect, Qt::AlignCenter, blueVal);

    QString opVal = QString("%1").arg(opY,0,'f',0);
    painter.drawText(opRect, Qt::AlignCenter, opVal);
}

void QCol::paintText()
{
    QPainter painter(this);
    painter.setWindow(0, 0, 200, 200);
    painter.setRenderHint(QPainter::Antialiasing);

    QRectF R(30, 170, 20, 15);
    QRectF G(60, 170, 20, 15);
    QRectF B(90, 170, 20, 15);
    QRectF A(120, 170, 20, 15);
    painter.setPen(QPen(Qt::white));
    QFont labFont("Arial", 8, QFont::Normal);
    painter.setFont(labFont);
    painter.drawText(R, Qt::AlignCenter, "R");
    painter.drawText(G, Qt::AlignCenter, "G");
    painter.drawText(B, Qt::AlignCenter, "B");
    painter.drawText(A, Qt::AlignCenter, "A");
}

QSize QCol::minimumSizeHint() const
{
    return QSize(20, 20);
}

QSize QCol::sizeHint() const
{
    return QSize(200, 200);
}

QCol::~QCol()
{

}

 

zhouyuming_hbxt
关注
专栏目录
Qt/C++编写自定义控件29-颜色选取面板
Qt/C++视频监控/推流/物联网/大屏系统/自定义控件/UI定制/输入法
07-14 1351
一、前言 这个控件主要是模仿QColorDialog对话框中的颜色选取面板，提供一个十字形状的标识器，鼠标按下开始选取颜色，移动到哪就选择该处的颜色值，对应右侧颜色条放大显示，本控件的难点就是如何绘制一个边缘框限定鼠标只能在此框中移动，还有一个就是如何绘制颜色渐变的背景颜色集合，这里采用的是对每一个像素的高度区域设置不同的开始颜色+中间颜色+结束颜色，作为渐变颜色，然后设置QLinearGradi...
Qt/C++编写自定义控件28-颜色滑块面板
Qt/C++视频监控/推流/物联网/大屏系统/自定义控件/UI定制/输入法
07-14 890
一、前言 相比于上一个颜色按钮面板，此控件就要难很多，颜色值有三种表示形式，除了程序员最常用的RGB以外，还有HSB和CMY方式。 RGB色彩模式是工业界的一种颜色标准，是通过对红®、绿(G)、蓝(B)三个颜色通道的变化以及它们相互之间的叠加来得到各式各样的颜色的，RGB即是代表红、绿、蓝三个通道的颜色，这个标准几乎包括了人类视力所能感知的所有颜色，是目前运用最广的颜色系统之一。也是程序员最喜欢最...
QT颜色对照表，RGB颜色对照表
热门推荐
qhy1314520的博客
07-26 1万+
QT颜色对照表，RGB颜色对照表
使用QT开发的一个渐变颜色表控件
最新发布
qq_37206059的博客
07-23 559
最近由于项目要求，需要开发一个渐变颜色表控件，实现曲线按颜色表进行渐变填充，由于在网上找不到合适的现成控件，只好自已造轮子，下图是控件效果。由于本人长期免费使用网络上的现成代码，深感内疚，所以分享本控件，填补我内心深处的愧疚感。
QT中在代码中添加RGB颜色
weixin_45778713的博客
01-05 651
通过QColor 设置想要的RGB颜色。
使用QT将十六进制的颜色转换为rgb
qq_41895640的博客
01-05 1394
Qt颜色对照表
08-22
Qt颜色对照表，在使用Qt样式表的时候必须使用的手册！
重新实现的Qt颜色选择器
02-18
5. **颜色模型转换**：理解并处理RGB、HSV、CMYK等各种颜色模型间的转换，对于实现自定义颜色选择器至关重要。 6. **UI设计与布局**：使用`QWidget`和`QLayout`来构建用户界面，确保界面美观且易于操作。`QGraphics...
QT圆形颜色选择控件.zip
12-24
在QT中，我们可以利用QColorDialog类来创建一个标准的颜色选择对话框，但若要自定义一个圆形的颜色选择器，我们需要深入理解QT的绘图系统，尤其是QPainter和QPaintEvent类。QPainter是QT中的绘图工具，可以用于在...
Qt 颜色选择器
12-01
在Qt框架中，颜色选择器是一种用户界面组件，允许用户从丰富的颜色库中选择颜色，或者自定义新的颜色。这个特定的"Qt颜色选择器"实现了HSV（色相、饱和度、值）色彩模型，并且增加了对不透明度（或称 alpha 通道）的...
QT中颜色选择器QColorDialog的重新实现
磊啊磊
02-18 1万+
重新实现的颜色选择器如下图所示： 颜色的渐变都是通过拉渐变或者是直接在paintevent中画出来的，根据hsv和rgb两种颜色类型之间的转化来实现。 重载QSlider来实现颜色条花了不少时间，经过别人指点后才恍然大悟，主要还是对这些类的用法和类的实现原理不熟悉造成的，下来得好好的熟悉下。 重载QSlider实现颜色滚动条的代码如下： QPainter paint
Qt颜色编辑器
04-30
使用qt设计的颜色选取器，可以通过鼠标点选，也可以通过编辑文本，从而获得想要的颜色。
Qt抓取用户界面上RGB值【源代码】
04-16
Qt抓取用户界面上RGB值,颜色拾遗器,Qt代码,可以在多平台上编译。 如果不下载，可以参考(增加了使用windows API的方法)： http://blog.csdn.net/piaopiaolanghua/archive/2011/04/16/6327860.aspx WINDOWS API关键函数： POINT pt; GetCursorPos(&pt); HDC hDC = GetDC(NULL); COLORREF clr = GetPixel(hDC, pt.x, pt.y); QT的关键函数： QPixmap QPixmap::grabWindow(。。。 ) [static] QImage QPixmap::toImage () const int QImage::pixel (int, int) const QRgb QImage::color ( int i ) const QColor QColor::fromRgb ( QRgb rgb ) [static]
Qt颜色列表值
08-23
有148种颜色值可以供自己选择，在编程的时候可供自己做选择。
颜色编辑器
05-06
颜色编辑器，简单易行，实现颜色编辑，使用非常方便。
Qt颜色选择编辑demo
02-16
点击右侧toolButton可以弹出QColorDialog颜色选择面板， 选择好颜色后，编辑面板中的label背景颜色将会改变，lineEdit将会显示颜色的名字。 在这里，按钮使用的是QToolButton而不是QPushButton,原因是QToolButton相对更加灵活，应为它不像QPushButton那样有自己的固定的外观策略， 它会随着外部布局器的大小来灵活的调...
【Qt编程】设计ColorBar颜色栏
青峰碧陋室
04-09 1万+
画过图的都知道，我们常常用颜色的深浅来表示值的大小，在Matlab作图中，我们使用的是colorbar这个函数来给出颜色的直观参考。下面给出Matlab的示例：在Matlab命令窗口输入： figure surf(peaks) colorbar 可以得到的图像如下： 通过右击该颜色栏，可以选择不同的颜色，当选择jet后，可以得到如下的图像： 那上面的示例
Qt自定义ColorDialog(支持RGB和HSV)
不会飞的纸飞机的博客
02-08 5559
文章目录1. HSV和RGB2. H分量圆盘绘制3. SV画布绘制 当我们做软件开发的时候，经常需要编辑颜色，有时需要同时编辑RGB和HSV的颜色。 这是一个自定义的颜色对话框，如下图所示 具有如下功能： 支持RGB和HSV颜色值得修改和预览 支持添加自定义颜色（点击按钮添加或鼠标拖拽添加） 修改颜色效果预览： 添加自定义颜色效果预览： 颜色控件效果预览： 下面是主要用到得技术点说...
QT显示RGB数据
mialo163的博客
03-25 7879
效果图 程序如下 void MainWindow::Show_RGB(const uchar *data,uchar Per_port_number,uchar frame_len)//data帧数组 { QImage image( data , 335 , frame_len ,1005, QImage::Format_RGB888);//data数组 //355宽度 ...
qt designer 怎么设置背景颜色
04-05
在Qt Designer中设置背景颜色的步骤如下： 1. 选择要设置背景颜色的窗口或控件。 2. 在属性编辑器中找到 "styleSheet" 属性，并点击它的编辑按钮。 3. 在弹出的样式表编辑器中，添加以下代码： background-color: [颜色值]; 其中 [颜色值] 可以是颜色名称、十六进制值或RGB值。 4. 点击 "确定" 按钮保存样式表。 5. 在Qt Designer中预览窗口或控件，即可看到背景颜色已经被设置。 注意：如果要为窗口设置背景颜色，需要在样式表中添加以下代码： QWidget { background-color: [颜色值]; }
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值