自定义滑条
This commit is contained in:
parent
a9e20e87fd
commit
300e4efc5f
|
|
@ -0,0 +1,11 @@
|
|||
#include "widget.h"
|
||||
|
||||
#include <QApplication>
|
||||
|
||||
int main(int argc, char *argv[])
|
||||
{
|
||||
QApplication a(argc, argv);
|
||||
Widget w;
|
||||
w.show();
|
||||
return a.exec();
|
||||
}
|
||||
|
|
@ -0,0 +1,15 @@
|
|||
#include "widget.h"
|
||||
#include "ui_widget.h"
|
||||
|
||||
Widget::Widget(QWidget *parent)
|
||||
: QWidget(parent)
|
||||
, ui(new Ui::Widget)
|
||||
{
|
||||
ui->setupUi(this);
|
||||
}
|
||||
|
||||
Widget::~Widget()
|
||||
{
|
||||
delete ui;
|
||||
}
|
||||
|
||||
|
|
@ -0,0 +1,21 @@
|
|||
#ifndef WIDGET_H
|
||||
#define WIDGET_H
|
||||
|
||||
#include <QWidget>
|
||||
|
||||
QT_BEGIN_NAMESPACE
|
||||
namespace Ui { class Widget; }
|
||||
QT_END_NAMESPACE
|
||||
|
||||
class Widget : public QWidget
|
||||
{
|
||||
Q_OBJECT
|
||||
|
||||
public:
|
||||
Widget(QWidget *parent = nullptr);
|
||||
~Widget();
|
||||
|
||||
private:
|
||||
Ui::Widget *ui;
|
||||
};
|
||||
#endif // WIDGET_H
|
||||
|
|
@ -0,0 +1,35 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<ui version="4.0">
|
||||
<class>Widget</class>
|
||||
<widget class="QWidget" name="Widget">
|
||||
<property name="geometry">
|
||||
<rect>
|
||||
<x>0</x>
|
||||
<y>0</y>
|
||||
<width>223</width>
|
||||
<height>40</height>
|
||||
</rect>
|
||||
</property>
|
||||
<property name="windowTitle">
|
||||
<string>Widget</string>
|
||||
</property>
|
||||
<layout class="QHBoxLayout" name="horizontalLayout">
|
||||
<item>
|
||||
<widget class="XSlider" name="horizontalSlider">
|
||||
<property name="orientation">
|
||||
<enum>Qt::Horizontal</enum>
|
||||
</property>
|
||||
</widget>
|
||||
</item>
|
||||
</layout>
|
||||
</widget>
|
||||
<customwidgets>
|
||||
<customwidget>
|
||||
<class>XSlider</class>
|
||||
<extends>QSlider</extends>
|
||||
<header>xslider.h</header>
|
||||
</customwidget>
|
||||
</customwidgets>
|
||||
<resources/>
|
||||
<connections/>
|
||||
</ui>
|
||||
|
|
@ -0,0 +1,188 @@
|
|||
#include "xslider.h"
|
||||
#include <QStyleOptionSlider>
|
||||
|
||||
XSlider::XSlider(QWidget *parent)
|
||||
{
|
||||
initForm();
|
||||
initStyle();
|
||||
setValue(65);
|
||||
}
|
||||
|
||||
void XSlider::paintEvent(QPaintEvent *ev)
|
||||
{
|
||||
// 绘制父类
|
||||
QSlider::paintEvent(ev);
|
||||
|
||||
QPainter painter(this);
|
||||
painter.setRenderHints(QPainter::Antialiasing);
|
||||
|
||||
QStyleOptionSlider opt;
|
||||
initStyleOption(&opt);
|
||||
QRect rect = style()->subControlRect(QStyle::CC_Slider, &opt, QStyle::SC_SliderHandle, this);
|
||||
|
||||
int x = rect.x();
|
||||
int y = rect.y();
|
||||
int width = rect.width();
|
||||
int height = rect.height();
|
||||
if (width < height) {
|
||||
width = height;
|
||||
}
|
||||
else {
|
||||
height = width;
|
||||
}
|
||||
|
||||
QFont font;
|
||||
font.setPixelSize(width / 2);
|
||||
painter.setFont(font);
|
||||
painter.drawText(x, y, width, height, Qt::AlignCenter, QString::number(value()));
|
||||
}
|
||||
|
||||
void XSlider::mousePressEvent(QMouseEvent *ev)
|
||||
{
|
||||
if (ev->button() & Qt::RightButton) {
|
||||
return;
|
||||
}
|
||||
|
||||
double pos, value;
|
||||
if (orientation() == Qt::Horizontal) {
|
||||
pos = ev->pos().x() / (double)width();
|
||||
value = pos * (maximum() - minimum()) + minimum();
|
||||
}
|
||||
else {
|
||||
pos = ev->pos().y() / (double)height();
|
||||
value = maximum() - pos * (maximum() - minimum()) + minimum();
|
||||
}
|
||||
|
||||
setValue(value + 0.5);
|
||||
|
||||
emit clicked();
|
||||
QSlider::mousePressEvent(ev);
|
||||
}
|
||||
|
||||
void XSlider::initForm()
|
||||
{
|
||||
sliderHeight = 18;
|
||||
normalColor = QColor("#A0D7DA");
|
||||
grooveColor = QColor("#22A3A9");
|
||||
handleBorderColor = QColor("#0E99A0");
|
||||
handleColor = QColor("#FFFFFF");
|
||||
textColor = QColor("#000000");
|
||||
|
||||
this->setOrientation(Qt::Horizontal);
|
||||
}
|
||||
|
||||
void XSlider::initStyle()
|
||||
{
|
||||
int sliderRadius = sliderHeight / 2;
|
||||
int handleSize = (sliderHeight * 3) / 2 + (sliderHeight / 5);
|
||||
int handleRadius = handleSize / 2;
|
||||
int handleOffset = handleRadius / 2;
|
||||
|
||||
QStringList list;
|
||||
int handleWidth = handleSize + sliderHeight / 5 - 1;
|
||||
list.append(QString("QSlider::horizontal{min-height:%1px;color:%2;}").arg(sliderHeight * 2).arg(textColor.name()));
|
||||
list.append(QString("QSlider::groove:horizontal{background:%1;height:%2px;border-radius:%3px;}")
|
||||
.arg(normalColor.name()).arg(sliderHeight).arg(sliderRadius));
|
||||
list.append(QString("QSlider::add-page:horizontal{background:%1;height:%2px;border-radius:%3px;}")
|
||||
.arg(normalColor.name()).arg(sliderHeight).arg(sliderRadius));
|
||||
list.append(QString("QSlider::sub-page:horizontal{background:%1;height:%2px;border-radius:%3px;}")
|
||||
.arg(grooveColor.name()).arg(sliderHeight).arg(sliderRadius));
|
||||
list.append(QString("QSlider::handle:horizontal{width:%3px;margin-top:-%4px;margin-bottom:-%4px;border-radius:%5px;"
|
||||
"background:qradialgradient(spread:pad,cx:0.5,cy:0.5,radius:0.5,fx:0.5,fy:0.5,stop:0.8 %1,stop:0.9 %2);}")
|
||||
.arg(handleColor.name()).arg(handleBorderColor.name()).arg(handleWidth).arg(handleOffset).arg(handleRadius));
|
||||
|
||||
//偏移一个像素
|
||||
handleWidth = handleSize + sliderHeight / 5;
|
||||
list.append(QString("QSlider::vertical{min-width:%1px;color:%2;}").arg(sliderHeight * 2).arg(textColor.name()));
|
||||
list.append(QString("QSlider::groove:vertical{background:%1;width:%2px;border-radius:%3px;}")
|
||||
.arg(normalColor.name()).arg(sliderHeight).arg(sliderRadius));
|
||||
list.append(QString("QSlider::add-page:vertical{background:%1;width:%2px;border-radius:%3px;}")
|
||||
.arg(grooveColor.name()).arg(sliderHeight).arg(sliderRadius));
|
||||
list.append(QString("QSlider::sub-page:vertical{background:%1;width:%2px;border-radius:%3px;}")
|
||||
.arg(normalColor.name()).arg(sliderHeight).arg(sliderRadius));
|
||||
list.append(QString("QSlider::handle:vertical{height:%3px;margin-left:-%4px;margin-right:-%4px;border-radius:%5px;"
|
||||
"background:qradialgradient(spread:pad,cx:0.5,cy:0.5,radius:0.5,fx:0.5,fy:0.5,stop:0.8 %1,stop:0.9 %2);}")
|
||||
.arg(handleColor.name()).arg(handleBorderColor.name()).arg(handleWidth).arg(handleOffset).arg(handleRadius));
|
||||
|
||||
|
||||
QString qss = list.join("");
|
||||
this->setStyleSheet(qss);
|
||||
}
|
||||
|
||||
int XSlider::getSliderHeight()
|
||||
{
|
||||
return this->sliderHeight;
|
||||
}
|
||||
|
||||
QColor XSlider::getNormalColor()
|
||||
{
|
||||
return this->normalColor;
|
||||
}
|
||||
|
||||
QColor XSlider::getGrooveColor()
|
||||
{
|
||||
return this->grooveColor;
|
||||
}
|
||||
|
||||
QColor XSlider::getHandleBorderColor()
|
||||
{
|
||||
return this->handleBorderColor;
|
||||
}
|
||||
|
||||
QColor XSlider::getHandleColor()
|
||||
{
|
||||
return this->handleColor;
|
||||
}
|
||||
|
||||
QColor XSlider::getTextColor()
|
||||
{
|
||||
return textColor;
|
||||
}
|
||||
|
||||
void XSlider::setSliderHeight(int &sliderHeight)
|
||||
{
|
||||
if (this->sliderHeight != sliderHeight) {
|
||||
this->sliderHeight = sliderHeight;
|
||||
this->initStyle();
|
||||
}
|
||||
}
|
||||
|
||||
void XSlider::setNormalColor(QColor &normalColor)
|
||||
{
|
||||
if (this->normalColor != normalColor) {
|
||||
this->normalColor = normalColor;
|
||||
this->initStyle();
|
||||
}
|
||||
}
|
||||
|
||||
void XSlider::setGrooveColor(QColor &grooveColor)
|
||||
{
|
||||
if (this->grooveColor != grooveColor) {
|
||||
this->grooveColor = grooveColor;
|
||||
this->initStyle();
|
||||
}
|
||||
}
|
||||
|
||||
void XSlider::setHandleBorderColor(QColor &handleBorderColor)
|
||||
{
|
||||
if (this->handleBorderColor != handleBorderColor) {
|
||||
this->handleBorderColor = handleBorderColor;
|
||||
this->initStyle();
|
||||
}
|
||||
}
|
||||
|
||||
void XSlider::setHandleColor(QColor &handleColor)
|
||||
{
|
||||
if (this->handleColor != handleColor) {
|
||||
this->handleColor = handleColor;
|
||||
this->initStyle();
|
||||
}
|
||||
}
|
||||
|
||||
void XSlider::setTextColor(QColor &textColor)
|
||||
{
|
||||
if (this->textColor != textColor) {
|
||||
this->textColor = textColor;
|
||||
this->initStyle();
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,57 @@
|
|||
#ifndef XSLIDER_H
|
||||
#define XSLIDER_H
|
||||
|
||||
#include <QWidget>
|
||||
#include <QSlider>
|
||||
#include <QPainter>
|
||||
#include <QMouseEvent>
|
||||
|
||||
class XSlider : public QSlider
|
||||
{
|
||||
Q_OBJECT
|
||||
// Q_PROPERTY(int sliderHeight READ getSliderHeight WRITE setSliderHeight);
|
||||
// Q_PROPERTY(QColor normalColor READ getNormalColor WRITE setNormalColor);
|
||||
// Q_PROPERTY(QColor grooveColor READ getGrooveColor WRITE setGrooveColor);
|
||||
// Q_PROPERTY(QColor handleBorderColor READ getHandleBorderColor WRITE setHandleBorderColor);
|
||||
// Q_PROPERTY(QColor handleColor READ getHandleColor WRITE setHandleColor);
|
||||
// Q_PROPERTY(QColor textColor READ getTextColor WRITE setTextColor);
|
||||
public:
|
||||
explicit XSlider(QWidget* parent = nullptr);
|
||||
|
||||
protected:
|
||||
void paintEvent(QPaintEvent *ev) override;
|
||||
void mousePressEvent(QMouseEvent* ev) override;
|
||||
|
||||
private:
|
||||
int sliderHeight;
|
||||
QColor normalColor;
|
||||
QColor grooveColor;
|
||||
QColor handleBorderColor;
|
||||
QColor handleColor;
|
||||
QColor textColor;
|
||||
|
||||
private slots:
|
||||
void initForm();
|
||||
void initStyle();
|
||||
|
||||
public:
|
||||
int getSliderHeight();
|
||||
QColor getNormalColor();
|
||||
QColor getGrooveColor();
|
||||
QColor getHandleBorderColor();
|
||||
QColor getHandleColor();
|
||||
QColor getTextColor();
|
||||
|
||||
private:
|
||||
void setSliderHeight(int& sliderHeight);
|
||||
void setNormalColor(QColor& normalColor);
|
||||
void setGrooveColor(QColor& grooveColor);
|
||||
void setHandleBorderColor(QColor& handleBorderColor);
|
||||
void setHandleColor(QColor& handleColor);
|
||||
void setTextColor(QColor& textColor);
|
||||
|
||||
Q_SIGNALS:
|
||||
void clicked();
|
||||
};
|
||||
|
||||
#endif // XSLIDER_H
|
||||
|
|
@ -0,0 +1,33 @@
|
|||
QT += core gui
|
||||
|
||||
greaterThan(QT_MAJOR_VERSION, 4): QT += widgets
|
||||
|
||||
CONFIG += c++11
|
||||
|
||||
# The following define makes your compiler emit warnings if you use
|
||||
# any Qt feature that has been marked deprecated (the exact warnings
|
||||
# depend on your compiler). Please consult the documentation of the
|
||||
# deprecated API in order to know how to port your code away from it.
|
||||
DEFINES += QT_DEPRECATED_WARNINGS
|
||||
|
||||
# You can also make your code fail to compile if it uses deprecated APIs.
|
||||
# In order to do so, uncomment the following line.
|
||||
# You can also select to disable deprecated APIs only up to a certain version of Qt.
|
||||
#DEFINES += QT_DISABLE_DEPRECATED_BEFORE=0x060000 # disables all the APIs deprecated before Qt 6.0.0
|
||||
|
||||
SOURCES += \
|
||||
main.cpp \
|
||||
widget.cpp \
|
||||
xslider.cpp
|
||||
|
||||
HEADERS += \
|
||||
widget.h \
|
||||
xslider.h
|
||||
|
||||
FORMS += \
|
||||
widget.ui
|
||||
|
||||
# Default rules for deployment.
|
||||
qnx: target.path = /tmp/$${TARGET}/bin
|
||||
else: unix:!android: target.path = /opt/$${TARGET}/bin
|
||||
!isEmpty(target.path): INSTALLS += target
|
||||
Loading…
Reference in New Issue