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()信號。
如果用在視頻播放的項目中,建議關閉此項。只有在用戶釋放滑塊時,才進行視頻進度改變。
水平滑動條或垂直滑動條設置:
void setOrientation(Qt::Orientation)
這里的Qt::Orientation只有兩個參數可選:
Qt::Vertical (the default) or Qt::Horizontal.
如下所示這兩種滑動條:
[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 }
拖動滑塊時的現象:
關閉滑塊跟蹤后的現象:
可以很明顯的看到,正如上面所說,關閉滑塊跟蹤后,只有在釋放滑塊時才發出valueChanged信號。
[3]實現滑塊移動到鼠標點擊位置
前面有說到在用鼠標點擊滑塊的特定位置時,鼠標並不會移動到用戶所點擊位置,而是按照設定的PageStep向前或向后移動。在實際的應用中,我們希望實現的是"用戶點哪就移動到哪兒",如果想實現這一點,需要重寫mousePressEvent方法來實現。
新建類MySlider,繼承QSlider
文件----新建文件或項目----c++----c++ Class---choose
取Class Name為MySlider,繼承自QSlider,包含QObject
點擊下一步完成創建,並修改"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,添加,選中剛剛添加的類,提升。
經過以上操作就實現了點擊鼠標移動到點擊位置,最后貼上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 }