Qt QSlider介紹(屬性設置、信號、實現滑塊移動到鼠標點擊位置)


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 }


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM