QSlider是滑动条控件,最常见的应用就是视频播放器中的进度条。QSlider允许用户通过鼠标进行拖动、点击(需要重写mousePressEvent事件实现),下面将从这几个方面对QSlider进行介绍:


[1]常用属性设置

QSlider继承自QAbstractSlider,它的绝大多数属性都是从QAbstractSlider继承而来的。下面开始进行介绍:

最大最小值设置:

1 void setMaximum(int)
2 void setMinimum(int)

设置在键盘上按下→键或←键时的步进值:

void setSingleStep(int)

设置鼠标点击时移动的步进值:

void setPageStep(int)

之所以有鼠标点击时的步进值设置,是因为在默认情况下,点击QSlider,QSlider的滑动条并不会移动到所点击的位置,而是向前或向后移动PageStep大小。

设置前值:

void setValue(int)

获取当前值:

int value() const

打开或关闭滑块跟踪:

void setTracking(bool enable)

如果启用跟踪(默认),滑块在拖动滑块时发出valueChanged()信号。如果禁用跟踪,则滑块仅在用户释放滑块时才发出valueChanged()信号。

本文福利,莬费领取Qt开发学习资料包、技术视频,内容包括(C++语言基础,Qt编程入门,QT信号与槽机制,QT界面开发-图像绘制,QT网络,QT数据库编程,QT项目实战,QT嵌入式开发,Quick模块,面试题等等)↓↓↓↓↓↓见下面↓↓文章底部点击莬费领取↓↓

如果用在视频播放的项目中,建议关闭此项。只有在用户释放滑块时,才进行视频进度改变。

水平滑动条或垂直滑动条设置:

void setOrientation(Qt::Orientation)

这里的Qt::Orientation只有两个参数可选:

Qt::Vertical (the default) or Qt::Horizontal.

如下所示这两种滑动条:

iOS 获取UISlider滑块中心点 qslider获取滑块位置_iOS 获取UISlider滑块中心点

 


[2]信号

QSlider常用的信号有以下这几个信号:

移动滑动条时发出的信号:

void sliderMoved(int value)

其传递的参数为当前滑动条所对应的数值

点击滑动条时所发出的信号:

void sliderPressed()

释放时所发出的信号:

void sliderReleased()

数值改变时所发出的信号:

void valueChanged(int value)

以valueChanged信号为例:

信号与槽函数绑定

connect(ui->horizontalSlider,SIGNAL(valueChanged(int)),this,SLOT(ValueChanged(int)));

槽函数的具体实现

1 void Widget::ValueChanged(int val)
2 {
3   qDebug() << "valueChanged" << val;
4 }

拖动滑块时的现象:

iOS 获取UISlider滑块中心点 qslider获取滑块位置_qt教程_02

 

关闭滑块跟踪后的现象:

iOS 获取UISlider滑块中心点 qslider获取滑块位置_qt开发_03

 

可以很明显的看到,正如上面所说,关闭滑块跟踪后,只有在释放滑块时才发出valueChanged信号。


[3]实现滑块移动到鼠标点击位置

前面有说到在用鼠标点击滑块的特定位置时,鼠标并不会移动到用户所点击位置,而是按照设定的PageStep向前或向后移动。在实际的应用中,我们希望实现的是"用户点哪就移动到哪儿",如果想实现这一点,需要重写mousePressEvent方法来实现。

新建类MySlider,继承QSlider

文件----新建文件或项目----c++----c++ Class---choose

iOS 获取UISlider滑块中心点 qslider获取滑块位置_iOS 获取UISlider滑块中心点_04

 取Class Name为MySlider,继承自QSlider,包含QObject

iOS 获取UISlider滑块中心点 qslider获取滑块位置_qt5_05

 点击下一步完成创建,并修改"myslider.h"如下:

1 #ifndef MYSLIDER_H
 2 #define MYSLIDER_H
 3  
 4 #include <QObject>
 5 #include <QSlider>
 6  
 7 class MySlider : public QSlider
 8 {
 9 public:
10     MySlider(QWidget *parent = nullptr);
11     ~MySlider();
12 };
13  
14 #endif // MYSLIDER_H

修改"myslider.cpp"如下:

1 #include "myslider.h"
 2  
 3 MySlider::MySlider(QWidget *parent):QSlider (parent)
 4 {
 5  
 6 }
 7  
 8 MySlider::~MySlider()
 9 {
10  
11 }

重写mousePressEvent方法:

在MySlider.h添加以下代码,声明要重写mousePressEvent方法:

void mousePressEvent(QMouseEvent *ev);

在MySlider.cpp编写具体实现方法:

1 void MySlider::mousePressEvent(QMouseEvent *ev)
 2 {
 3     //获取当前点击位置,得到的这个鼠标坐标是相对于当前QSlider的坐标
 4     int currentX = ev->pos().x();
 5  
 6     //获取当前点击的位置占整个Slider的百分比
 7     double per = currentX *1.0 /this->width();
 8  
 9     //利用算得的百分比得到具体数字
10     int value = per*(this->maximum() - this->minimum()) + this->minimum();
11  
12     qDebug() << value;
13  
14     //设定滑动条位置
15     this->setValue(value);
16  
17     //滑动条移动事件等事件也用到了mousePressEvent,加这句话是为了不对其产生影响,是的Slider能正常相应其他鼠标事件
18     QSlider::mousePressEvent(ev);
19 }

将控件提升为MySlider:

打开ui设计器,右键当前QSlider对象,提升为,提升的类名称写MySlider,添加,选中刚刚添加的类,提升。

iOS 获取UISlider滑块中心点 qslider获取滑块位置_qt5_06

 经过以上操作就实现了点击鼠标移动到点击位置,最后贴上MySlider的完整源码:

MySlider.h

1 #ifndef MYSLIDER_H
 2 #define MYSLIDER_H
 3  
 4 #include <QObject>
 5 #include <QSlider>
 6  
 7 class MySlider : public QSlider
 8 {
 9 public:
10     MySlider(QWidget *parent = nullptr);
11     ~MySlider();
12     void mousePressEvent(QMouseEvent *ev);
13 };
14  
15 #endif // MYSLIDER_H

MySlider.cpp

1 #include "myslider.h"
 2 #include <QMouseEvent>
 3 #include <QDebug>
 4  
 5 MySlider::MySlider(QWidget *parent):QSlider (parent)
 6 {
 7  
 8 }
 9  
10 MySlider::~MySlider()
11 {
12  
13 }
14  
15 void MySlider::mousePressEvent(QMouseEvent *ev)
16 {
17     //获取当前点击位置
18     int currentX = ev->pos().x();
19  
20     //获取当前点击的位置占整个Slider的百分比
21     double per = currentX *1.0 /this->width();
22  
23     //利用算得的百分比得到具体数字
24     int value = per*(this->maximum() - this->minimum()) + this->minimum();
25  
26     qDebug() << value;
27  
28     //设定滑动条位置
29     this->setValue(value);
30  
31     //滑动条移动事件等事件也用到了mousePressEvent,加这句话是为了不对其产生影响,是的Slider能正常相应其他鼠标事件
32     QSlider::mousePressEvent(ev);
33 }