Qt自定义带游标的slider，在滑块正上方显示当前值（类似于进度条，用一个额外的QLabel冒充QSilder的一部分，然后move就行了）

首先自定义QSlider的子类MyCustomSlider，如下所示。

mycustomslider.h

[cpp] view plain copy

1. #ifndef MYCUSTOMSLIDER_H
2. #define MYCUSTOMSLIDER_H
3. #include <QSlider>
4. #include <QLabel>
5. #include <QMouseEvent>
6. class MyCustomSlider : public QSlider
7. {
8. public:
9. MyCustomSlider(QWidget *parent=0);
10. ~MyCustomSlider();
11. protected:
12. virtual void mousePressEvent(QMouseEvent *event);
13. virtual void mouseReleaseEvent(QMouseEvent *event);
14. virtual void mouseMoveEvent(QMouseEvent *event);
15. private:
16. QLabel* m_displayLabel;
17. };
18. #endif // MYCUSTOMSLIDER_H

mycustomslider.cpp

[cpp] view plain copy

1. #include "mycustomslider.h"
2. #include <QPalette>
3. MyCustomSlider::MyCustomSlider(QWidget *parent):QSlider(parent)
4. {
5. m_displayLabel=new QLabel(this);
6. m_displayLabel->setFixedSize(QSize(20,20));
7. //设置游标背景为白色
8. m_displayLabel->setAutoFillBackground(true);
9. QPalette palette;
10. palette.setColor(QPalette::Background, Qt::white);
11. m_displayLabel->setPalette(palette);
12. m_displayLabel->setAlignment(Qt::AlignCenter);
13. m_displayLabel->setVisible(false);
14. m_displayLabel->move(0,3);
15. }
16. MyCustomSlider::~MyCustomSlider()
17. {
18. }
19. void MyCustomSlider::mousePressEvent(QMouseEvent *event)
20. {
21. if(!m_displayLabel->isVisible())
22. {
23. m_displayLabel->setVisible(true);
24. m_displayLabel->setText(QString::number(this->value()));
25. }
26. QSlider::mousePressEvent(event);
27. }
28. void MyCustomSlider::mouseReleaseEvent(QMouseEvent *event)
29. {
30. if(m_displayLabel->isVisible())
31. {
32. m_displayLabel->setVisible(false);
33. }
34. QSlider::mouseReleaseEvent(event);
35. }
36. void MyCustomSlider::mouseMoveEvent(QMouseEvent *event)
37. {
38. m_displayLabel->setText(QString::number(this->value()));
39. m_displayLabel->move((this->width()-m_displayLabel->width())*this->value()/(this->maximum()-this->minimum()),3);
40. QSlider::mouseMoveEvent(event);
41. }

然后将界面QSlider控件提升为MyCustomSlider，提升方法如下所示。

Qt中控件类的提升

最后的效果如下图所示，当鼠标点击滑块或者拖动滑块时，滑块正上方的游标实时显示当前值，松开鼠标时，游标隐藏。

源码链接：见http://blog.csdn.net/caoshangpa/article/details/51973902的评论

http://blog.csdn.net/caoshangpa/article/details/51973902