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

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);
}

 

 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章