Qt界面中滑動條的實現(xiàn)方式
更新時間：2022年11月10日 16:36:58 作者：在廣州的阿杰
這篇文章主要介紹了Qt界面中滑動條的實現(xiàn)方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
Qt界面實現(xiàn)滑動條
功能
在窗體內放置一個滑動條slider、一個spin box增減小控件，一個設置中間值的按鈕，一個將當前值通過qQebug打印到編譯器上。使用彈簧和布局使界面更美觀。
效果
Widget.h文件：
#pragma once
#include <QtWidgets/QWidget>
#include<QSlider> //滑動條頭文件
#include<QSpinBox> //增減控件頭文件
#include<QBoxLayout> //界面布局頭文件，包含了水平布局<QHBoxLayout>和垂直布局<QVBoxLayout>
#include<QSpacerItem> //彈簧頭文件
#include<QPushButton> //按鈕頭文件
#include<QDebug> //qDebug輸出頭文件
#include "ui_Widget.h" //ui界面
class Widget : public QWidget
{
Q_OBJECT
public:
Widget(QWidget *parent = Q_NULLPTR);
QSlider *slider; //定義一個滑動條，在cpp文件的構建函數(shù)中設置屬性，下列控件同
QSpinBox *box; //定義一個增減控件
QSpacerItem *spacer; //彈簧1
QSpacerItem *spacer2; //彈簧2
QPushButton *btn_setMedi; //設置中間值的按鈕
QPushButton *btn_getValue; //打印當前值的按鈕
private:
Ui::WidgetClass ui;
};Widget.cpp:
#include "Widget.h"
Widget::Widget(QWidget *parent)
: QWidget(parent)
{
ui.setupUi(this);
QSpinBox *box = new QSpinBox(this);
QSlider *slider = new QSlider(Qt::Horizontal,this); //Qt::Horizontal設置為水平的滑動條
QSpacerItem *spacer = new QSpacerItem(20, 20); //彈簧的w和h為20，20
QSpacerItem *spacer2 = new QSpacerItem(20, 20);
QSpacerItem *spacer3 = new QSpacerItem(20, 20);
QSpacerItem *spacer4 = new QSpacerItem(20, 20);
QPushButton *btn_setMedi = new QPushButton("set median", this); //按鈕文本為“set median”
QPushButton *btn_getValue = new QPushButton("get value", this);
QHBoxLayout *loyout = new QHBoxLayout;//相當于this->setLayout(loyout);定義一個水平布局
loyout->addItem(spacer); //添加彈簧用addItem
loyout->addWidget(box); //添加控件和按鈕用addWidget
loyout->addWidget(slider);
loyout->addItem(spacer2);
QHBoxLayout *btnLayout = new QHBoxLayout;
btnLayout->addItem(spacer3);
btnLayout->addWidget(btn_setMedi);
btnLayout->addWidget(btn_getValue);
btnLayout->addItem(spacer4);
//垂直布局設置了this，讓布局依賴在widget上
//前面的兩個水平布局不用設置，因為水平布局依賴在了垂直布局上，只需最外層設置依賴
QVBoxLayout *vloyout = new QVBoxLayout(this); //添加垂直布局，把前面的兩個水平布局放進來
vloyout->addLayout(loyout);
vloyout->addLayout(btnLayout);
this->setFixedSize(400, 300); //把窗體大小固定
//數(shù)值改變，滑動條跟著改變
//函數(shù)QSpinBox::valueChanged出現(xiàn)了函數(shù)重載（int或char），需要定義一個函數(shù)指針排除二義性
void (QSpinBox:: *box_signal ) (int) = &QSpinBox::valueChanged;
connect(box ,box_signal , slider, &QSlider::setValue);
//滑動條改變，數(shù)值跟著改變
connect(slider, &QSlider::valueChanged, box, &QSpinBox::setValue);
//設置中間值
//使用了Lambda表達式[](){}
connect(btn_setMedi, &QPushButton::clicked, [=]() {
slider->setValue(50);
});
//打印當前值
connect(btn_getValue, &QPushButton::clicked, [=]() {
qDebug() << box->value();
});
}
main.cpp：
#include "Widget.h"
#include <QtWidgets/QApplication>
int main(int argc, char *argv[])
{
QApplication a(argc, argv);
Widget w;
w.show();
return a.exec();
}Qt滑動條解決點擊和拖動問題
QSlider 在點擊非滑塊部分時，不會直接到點擊位置，而是一步一步執(zhí)行，在項目中使用時會感覺不流暢?？梢酝ㄟ^改變QSlider的鼠標點擊事件（mousePressEvent）和鼠標移動事件（mouseMoveEvent）解決。
使用原QSlider
如UI中使用verticalSlider，MySliderUI.h 頭文件：
class MySliderUI : public QWidget
{
? ? Q_OBJECT
public:
? ? explicit MySliderUI(QWidget *parent = 0);
? ? ~MySliderUI();
protected:
? ? bool eventFilter(QObject *obj, QEvent *event);
private:
? ? Ui::EpsSliderUI *ui;
};MySliderUI.cpp
MySliderUI::MySliderUI(QWidget *parent) :
? ? QWidget(parent)
{
? ? ui->slider->installEventFilter(this);
}添加事件過濾，對QSlider的事件重新處理。
bool MySliderUI::eventFilter(QObject *obj, QEvent *event)
{
? ? if( obj == ui->slider)
? ? {
? ? ? ? if (event->type() == QEvent::MouseButtonPress)
? ? ? ? {
? ? ? ? ? ? QMouseEvent *mouseEvent = static_cast<QMouseEvent *>(event);
? ? ? ? ? ? if (mouseEvent->button() == Qt::LeftButton)
? ? ? ? ? ? {
? ? ? ? ? ? ? ? ui->slider->event(event);
? ? ? ? ? ? ? ? double pos = mouseEvent->pos().y() / (double)ui->slider->height();
? ? ? ? ? ? ?? ?int value = ?pos * (ui->slider->maximum() - ui->slider->minimum())?
? ? ? ? ? ? ?? ??? ??? ??? ??? ? ?+ ui->slider->minimum()+0.5;
? ? ? ? ? ? ? ? ui->slider->setValue(value);
? ? ? ? ? ? ? ? return true;
? ? ? ? ? ? }
? ? ? ? }
? ? ? ? else if (event->type() == QEvent::MouseButtonDblClick)
? ? ? ? {
? ? ? ? ? ? return true;
? ? ? ? }
? ? ? ? else if (event->type() == QEvent::MouseMove)
? ? ? ? {
? ? ? ? ? ? QMouseEvent *mouseEvent = static_cast<QMouseEvent *>(event);
? ? ? ? ? ? ui->slider->event(event);
? ? ? ? ? ? double pos = mouseEvent->pos().y() / (double)ui->slider->height();
? ? ? ? ? ? int value = ?pos * (ui->slider->maximum() - ui->slider->minimum())?
? ? ? ? ? ? ?? ??? ??? ??? ??? ?+ ui->slider->minimum()+0.5;
? ? ? ? ? ? ui->slider->setValue(value);
? ? ? ? ? ? return true;
? ? ? ? }
? ? }
? ? return QObject::eventFilter(obj,event);
}繼承QSlider，重寫事件函數(shù)
頭文件
class MySlider : public QSlider
{
? ? Q_OBJECT
public:
? ? MySlider(QWidget *parent = nullptr);
? ? ~MySlider();
protected:
? ? void mousePressEvent(QMouseEvent *event); ?//單擊
? ? void mouseMoveEvent(QMouseEvent *event);
};實現(xiàn)文件
#include "myslider.h"
#include <QMouseEvent>
MySlider::MySlider(QWidget *parent)
? ? :QSlider (parent)
{
}
MySlider::~MySlider()
{
}
void MySlider::mousePressEvent(QMouseEvent *event)
{
? ? if (event->button() == Qt::LeftButton)?? ?//判斷左鍵
? ? {
? ? ? ? //注意應先調用父類的鼠標點擊處理事件，這樣可以不影響拖動的情況
? ? ? ? QSlider::mousePressEvent(event);
? ? ? ? double pos = ((double)height() - event->pos().y()) / (double)height();
? ? ? ? int value = pos * (maximum() - minimum()) + minimum();
? ? ? ? setValue(value);
? ? }
}
void MySlider::mouseMoveEvent(QMouseEvent *event)
{
? ? //注意應先調用父類的鼠標點擊處理事件，這樣可以不影響拖動的情況
? ? QSlider::mouseMoveEvent(event);
? ? double pos = ?((double)height() - event->pos().y()) / (double)height();
? ? int value = pos * (maximum() - minimum()) + minimum();
? ? setValue(value);
}以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
這篇文章主要為大家詳細介紹了基于Opencv實現(xiàn)雙目攝像頭拍照程序，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-04-04
今天小編就為大家分享一篇關于C++關于引用作為函數(shù)的用法，小編覺得內容挺不錯的，現(xiàn)在分享給大家，具有很好的參考價值，需要的朋友一起跟隨小編來看看吧2018-12-12
VS2017開發(fā)C語言出現(xiàn)“no_init_all“的解決辦法
這篇文章介紹了VS2017開發(fā)C語言出現(xiàn)“no_init_all“的解決辦法，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2021-12-12
這篇文章主要介紹了c++數(shù)組與指針的相關資料，幫助大家更好的理解和學習c++，感興趣的朋友可以了解下2020-08-08
棧和隊列，嚴格意義上來說，也屬于線性表，因為它們也都用于存儲邏輯關系為 "一對一" 的數(shù)據(jù)，但由于它們比較特殊，因此將其單獨作為一章，做重點講解2021-11-11
這篇文章主要為大家詳細介紹了如何基于QT繪制一個漂亮的預警儀表，文中的示例代碼講解詳細，具有一定的學習價值，感興趣的可以了解一下2023-04-04
這篇文章主要介紹了mfc文件操作CFile類之創(chuàng)建文件的方法,需要的朋友可以參考下2019-04-04
這篇文章主要介紹了詳解C++中的菱形繼承問題,在多繼承結構中，存在著很多問題，比如從不同基類中繼承了同名成員，派生類中也定義了同名成員，這種二義性問題很好解決，加上要訪問的基類的類名限制就可以了,需要的朋友可以參考下2023-08-08
這篇文章主要介紹了C++子類父類成員函數(shù)的覆蓋和隱藏實例詳解的相關資料,需要的朋友可以參考下2017-06-06
C++之CNoTrackObject類和new delete操作符的重載實例
這篇文章主要介紹了C++之CNoTrackObject類和new delete操作符的重載實例,是C++程序設計中比較重要的概念,需要的朋友可以參考下2014-10-10