QT中颜色选择器QColorDialog的重新实现

重新实现的颜色选择器如下图所示：

颜色的渐变都是通过拉渐变或者是直接在paintevent中画出来的，根据hsv和rgb两种颜色类型之间的转化来实现。

重载QSlider来实现颜色条花了不少时间，经过别人指点后才恍然大悟，主要还是对这些类的用法和类的实现原理不熟悉造成的，下来得好好的熟悉下。

重载QSlider实现颜色滚动条的代码如下：

    QPainter painter(this);if(this->orientation() == Qt::Horizontal){const int offset = 5;QRect rect = this->rect();rect.setHeight(rect.height() - 5);QRect sliderRect = rect.adjusted(offset,0,-offset,-rect.height()/2);painter.setPen(QPen(Qt::black, 0.5));painter.setBrush(back);painter.drawRect(sliderRect);painter.setBrush(gradient());painter.drawRect(sliderRect);const double k = (double)(value() - minimum()) / (maximum()-minimum());int x = (int)((rect.width()-2*offset) * k) + offset;QPoint tickPts[] = {QPoint(x,sliderRect.bottom()+1),QPoint(x-offset,rect.bottom()-1),QPoint(x+offset,rect.bottom()-1),};painter.setBrush(Qt::white);painter.drawPolygon(tickPts,3);return;}this->setFixedWidth(25);const int offset = 5;QRect rect = this->rect();QRect sliderRect = QRect(rect.left()+offset, rect.top()+offset,rect.right()-2*offset,rect.bottom()-2*offset);const double k = (double)(value() - minimum()) / (maximum()-minimum());int y = (int)((rect.height()-2*offset) * (1-k)) + offset;QPoint tickTop[] = {QPoint(sliderRect.left(), y),QPoint(rect.left(), y - offset),QPoint(rect.left(), y + offset)};painter.setPen(QPen(Qt::black, 0.5));painter.drawPolygon(tickTop, 3);painter.setBrush(back);painter.drawRect(sliderRect);painter.setBrush(gradient());painter.drawRect(sliderRect);QPoint tickPts[] = {QPoint(sliderRect.right()+1, y),QPoint(rect.right(), y - offset),QPoint(rect.right(), y + offset)};painter.setBrush(Qt::white);painter.drawPolygon(tickPts,3);

详细项目源码已经上传了，需要的可以去瞅瞅，版本QT5.3.

GitHub下载：点击打开链接

CSDN下载：点击打开链接

QT中颜色选择器QColorDialog的重新实现相关推荐

android 字体颜色选择,Android中颜色选择器和改变字体颜色的实例教程
易采站长站为您分析Android中颜色选择器和改变字体颜色的实例教程,其中改变字体颜色用到了ColorPicker颜色选择器,需要的朋友可以参考下 1.构建一张七彩图: 我们经常看到这种样子的颜色选择 ...
QT QColor颜色选择器并获取rgb值
QColorDialog color;//调出颜色选择器对话框QColor c = color.getRgba(); //c.red(), c.green(), c.blue()是分别对应的rgb值 ...
android字体颜色黑色,Android中颜色选择器和改变字体颜色的实例教程
1.构建一张七彩图: 我们经常看到这种样子的颜色选择器吧.. 然后其实右边的亮度选择是: 这样我们的代码就可以进行啦... // 创建七彩图片 private void init() { int[] ...
QT 颜色选择器 QColorDialog 使用
需求:点击修改按钮弹出颜色选择框,确定后给 label 设置背景色打印: 代码: #include <QColorDialog>void MyColor::on_pushButto ...
qt中颜色对话框弹出时应用程序输出栏出现setGeometry: Unable to set geometry 152x30+682+300 on QWidgetWindow/‘QColorDialo
前言在项目中点击按钮,弹出颜色选择对话框,但同时应用程序会在应用程序输出一栏中显示. setGeometry: Unable to set geometry 152x30+682+300 on QW ...
Qt中颜色选择框输出所选中的颜色值
引言颜色选择框可以选择自己喜欢的颜色,然后点击确定按钮,对应的在相应的代码中可以获取所选择的颜色,将选中的颜色以能够看懂的方式输出,这里就可以用所选颜色的r,g,b值,即输出对应的红,绿,蓝值. 实 ...
qt中颜色对话框弹出时应用程序输出栏出现QWindowsWindow::setGeometry: Unable to set geometry 180x30+345+311 (frame: 202x8
引言在项目中点击按钮,弹出颜色选择对话框,但同时应用程序会在应用程序输出一栏中显示 QWindowsWindow::setGeometry: Unable to set geometry 180x3 ...
QT QColor颜色选择器学习
在做pcl的配准的时候,需要用不同的颜色来区分源点云和目标点云,找了一些资料发现QColor可以实现这个功能. 添加头文件#include <QColorDialog>后,可以通过 QCo ...
一文搞懂Qt中的颜色渐变(QGradient Class)
一文搞懂Qt中的颜色渐变(QGradient Class) 1, 快速开始! Qt中与颜色渐变有关的类是QGradient 其中它又有三个子类:QLinearGradient.QRadialGradi ...

QT中颜色选择器QColorDialog的重新实现

QT中颜色选择器QColorDialog的重新实现相关推荐

最新文章

热门文章