重新实现的颜色选择器如下图所示:
颜色的渐变都是通过拉渐变或者是直接在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下载:点击打开链接
版权声明:本文为Enter_原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。