QSlider是滑動條控件,最常見的應用就是視頻播放器中的進度條。QSlider允許用戶通過鼠標進行拖動、點擊(需要重寫mousePressEvent事件實現),下面將從這幾個方面對QSlider進行介紹:
[1]屬性設置
[2]信號
[3]實現滑塊移動到鼠標點擊位置
[1]常用屬性設置
QSlider繼承自QAbstractSlider,它的絕大多數屬性都是從QAbstractSlider繼承而來的。下面開始進行介紹:
最大最小值設置:
void setMaximum(int)
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)));
槽函數的具體實現
void Widget::ValueChanged(int val)
{
qDebug() << "valueChanged" << val;
}
拖動滑塊時的現象:
關閉滑塊跟蹤後的現象:
可以很明顯的看到,正如上面所說,關閉滑塊跟蹤後,只有在釋放滑塊時才發出valueChanged信號。
[3]實現滑塊移動到鼠標點擊位置
前面有說到在用鼠標點擊滑塊的特定位置時,鼠標並不會移動到用戶所點擊位置,而是按照設定的PageStep向前或向後移動。在實際的應用中,我們希望實現的是"用戶點哪就移動到哪兒",如果想實現這一點,需要重寫mousePressEvent方法來實現。
新建類MySlider,繼承QSlider
文件----新建文件或項目----c++----c++ Class---choose
取Class Name爲MySlider,繼承自QSlider,包含QObject
點擊下一步完成創建,並修改"myslider.h"如下:
#ifndef MYSLIDER_H
#define MYSLIDER_H
#include <QObject>
#include <QSlider>
class MySlider : public QSlider
{
public:
MySlider(QWidget *parent = nullptr);
~MySlider();
};
#endif // MYSLIDER_H
修改"myslider.cpp"如下:
#include "myslider.h"
MySlider::MySlider(QWidget *parent):QSlider (parent)
{
}
MySlider::~MySlider()
{
}
重寫mousePressEvent方法:
在MySlider.h添加以下代碼,聲明要重寫mousePressEvent方法:
void mousePressEvent(QMouseEvent *ev);
在MySlider.cpp編寫具體實現方法:
void MySlider::mousePressEvent(QMouseEvent *ev)
{
//獲取當前點擊位置,得到的這個鼠標座標是相對於當前QSlider的座標
int currentX = ev->pos().x();
//獲取當前點擊的位置佔整個Slider的百分比
double per = currentX *1.0 /this->width();
//利用算得的百分比得到具體數字
int value = per*(this->maximum() - this->minimum()) + this->minimum();
qDebug() << value;
//設定滑動條位置
this->setValue(value);
//滑動條移動事件等事件也用到了mousePressEvent,加這句話是爲了不對其產生影響,是的Slider能正常相應其他鼠標事件
QSlider::mousePressEvent(ev);
}
將控件提升爲MySlider:
打開ui設計器,右鍵當前QSlider對象,提升爲,提升的類名稱寫MySlider,添加,選中剛剛添加的類,提升。
經過以上操作就實現了點擊鼠標移動到點擊位置,最後貼上MySlider的完整源碼:
MySlider.h
#ifndef MYSLIDER_H
#define MYSLIDER_H
#include <QObject>
#include <QSlider>
class MySlider : public QSlider
{
public:
MySlider(QWidget *parent = nullptr);
~MySlider();
void mousePressEvent(QMouseEvent *ev);
};
#endif // MYSLIDER_H
MySlider.cpp
#include "myslider.h"
#include <QMouseEvent>
#include <QDebug>
MySlider::MySlider(QWidget *parent):QSlider (parent)
{
}
MySlider::~MySlider()
{
}
void MySlider::mousePressEvent(QMouseEvent *ev)
{
//獲取當前點擊位置
int currentX = ev->pos().x();
//獲取當前點擊的位置佔整個Slider的百分比
double per = currentX *1.0 /this->width();
//利用算得的百分比得到具體數字
int value = per*(this->maximum() - this->minimum()) + this->minimum();
qDebug() << value;
//設定滑動條位置
this->setValue(value);
//滑動條移動事件等事件也用到了mousePressEvent,加這句話是爲了不對其產生影響,是的Slider能正常相應其他鼠標事件
QSlider::mousePressEvent(ev);
}