QT QSlider、QHorizontalSlider、QVerticalSlider 控件 使用详解
创始人
2024-03-27 04:57:01

       本文详细的介绍了QSlider、QHorizontalSlider、QVerticalSlider控件的各种操作,例如:新建界面、设置刻度显示、设置范围值、设置值、获取值、设置步长、刻度间隔、改变方向、滑动信号、按下信号、滑动信号、释放滑块、样式表等操作。


本系列QT全面详解文章目前共有十七篇,本系列文章较为详细的讲述了QT控件的基础操作和使用,也谢谢大家的关注、点赞、收藏。

本文作者原创,转载请附上文章出处与本文链接。

QT QSlider、QHorizontalSlider、QVerticalSlider 控件 使用详解目录

1 新建界面

2 设置刻度显示

 3 设置范围值

 4 设置值

 5 获取值

6 设置步长

 7 刻度间隔

8 改变方向

9 滑动信号

 10 按下信号

11 滑动信号

12 释放滑块

13 .h

14 .cpp

15 样式表

16 其它文章 :


1 新建界面

2 设置刻度显示

刻度位置

QSlider::TickPosition,这个枚举指定刻度线相对于滑块和用户操作的位置。

常量描述
QSlider::NoTicks0不绘制任何刻度线
QSlider::TicksBothSides3在滑块的两侧绘制刻度线
QSlider::TicksAbove1在(水平)滑块上方绘制刻度线
QSlider::TicksBelow2在(水平)滑块下方绘制刻度线
QSlider::TicksLeftTicksAbove在(垂直)滑块左侧绘制刻度线
QSlider::TicksRightTicksBelow在(垂直)滑块右侧绘制刻度线
/* 可以使用 QSlider:: 来进行不同方向的刻度设置 */
ui->horizontalSlider->setTickPosition(QSlider::TicksBelow);
ui->verticalSlider->setTickPosition(QSlider::TicksRight);

 3 设置范围值

ui->horizontalSlider->setMaximum(100);
ui->horizontalSlider->setMinimum(0);ui->verticalSlider->setMaximum(1000);
ui->verticalSlider->setMinimum(0);

 4 设置值

ui->horizontalSlider->setValue(50);
ui->verticalSlider->setValue(500);

 5 获取值

strText = QString::number(ui->horizontalSlider->value()) + " , " + QString::number(ui->verticalSlider->value());
QMessageBox::information(this,"数值",strText);

6 设置步长

ui->horizontalSlider->setTickInterval(10);
ui->verticalSlider->setTickInterval(100);

 7 刻度间隔

        刻度间隔通过setSingleStep函数来设置,但是我这边设置后不起作用,感觉这个函数可能和 6 设置步长 有冲突或者弃用有关

ui->horizontalSlider->setSingleStep(20);
ui->verticalSlider->setSingleStep(500);

8 改变方向

//Qt::Horizontal      // 水平方向
//Qt::Vertical      //垂直方向
//    ui->horizontalSlider->setOrientation(Qt::Vertical);
//    ui->verticalSlider->setOrientation(Qt::Horizontal);

改变前:

改变后:

9 滑动信号

private slots:void setHorValue(int value);void setVerValue(int value);connect(ui->horizontalSlider, SIGNAL(valueChanged(int)), SLOT(setHorValue(int)));connect(ui->verticalSlider, SIGNAL(valueChanged(int)), SLOT(setHorValue(int)));void MainWindow::setHorValue(int value)
{qDebug() << value;
}
void MainWindow::setVerValue(int value)
{qDebug() << value;
}

 10 按下信号

private slots:void getHorPressed();void getVerPressed();connect(ui->horizontalSlider, SIGNAL(sliderPressed()), SLOT(getHorPressed()));connect(ui->verticalSlider, SIGNAL(sliderPressed()), SLOT(getVerPressed()));void MainWindow::getHorPressed()
{qDebug() << "horizontalSlider 按下了滑块!";
}void MainWindow::getVerPressed()
{qDebug() << "verticalSlider 按下了滑块!";
}

11 滑动信号

private slots:void getHorMoved(int value);void getVerMoved(int value);connect(ui->horizontalSlider, SIGNAL(sliderMoved(int)), SLOT(getHorMoved(int)));connect(ui->verticalSlider, SIGNAL(sliderMoved(int)),  SLOT(getVerMoved(int)));void MainWindow::getHorMoved(int value)
{qDebug() << "horizontalSlider 拖动了滑块! " << value;
}
void MainWindow::getVerMoved(int value)
{qDebug() << "verticalSlider 拖动了滑块! " << value;
}

12 释放滑块

private slots:void getHorReleased();void getVerReleased();connect(ui->horizontalSlider, SIGNAL(sliderReleased()), this, SLOT(getHorReleased()));connect(ui->verticalSlider, SIGNAL(sliderReleased()), this, SLOT(getVerReleased()));void MainWindow::getHorReleased()
{qDebug() << "horizontalSlider 释放了滑块! ";
}
void MainWindow::getVerReleased()
{qDebug() << "verticalSlider 释放了滑块! ";
}

13 .h

/******************************************************************************* Copyright CSDN 双子座断点 Co., Ltd.* Copyright www.dreambeging.vip Co., Ltd.* All right reserved. See COPYRIGHT for detailed Information.** @file       mainwindow.h* @project    QHorizontalSlider_Test* @version    V 1.0** @author     断点* @date       2022/12/08* @history*****************************************************************************/
#ifndef MAINWINDOW_H
#define MAINWINDOW_H#include 
#include 
#include 
#include >QT_BEGIN_NAMESPACE
namespace Ui { class MainWindow; }
QT_END_NAMESPACE
#pragma execution_character_set("utf-8")
class MainWindow : public QMainWindow
{Q_OBJECTpublic:MainWindow(QWidget *parent = nullptr);~MainWindow();QString Title;QString Version;QString BlogText;QString strText;private slots:void on_pushButton_clicked();void on_pushButton_2_clicked();void setHorValue(int value);void setVerValue(int value);void getHorPressed();void getVerPressed();void getHorMoved(int value);void getVerMoved(int value);void getHorReleased();void getVerReleased();private:Ui::MainWindow *ui;QSlider *pSlider;
};
#endif // MAINWINDOW_H

14 .cpp

/******************************************************************************* Copyright CSDN 双子座断点 Co., Ltd.* Copyright www.dreambeging.vip Co., Ltd.* All right reserved. See COPYRIGHT for detailed Information.** @file       mainwindow.cpp* @project    QHorizontalSlider_Test* @version    V 1.0** @author     断点* @date       2022/12/08* @history*****************************************************************************/#include "mainwindow.h"
#include "ui_mainwindow.h"MainWindow::MainWindow(QWidget *parent): QMainWindow(parent), ui(new Ui::MainWindow)
{ui->setupUi(this);Title = "QT QSlider、QHorizontalSlider、QVerticalSlider CSDN 双子座断点 ";Version = "V 1.0 ";BlogText = "https://blog.csdn.net/qq_37529913?type=lately/";setWindowTitle(Title + Version + BlogText);ui->horizontalSlider->setMaximum(100);ui->horizontalSlider->setMinimum(0);ui->verticalSlider->setMaximum(1000);ui->verticalSlider->setMinimum(0);ui->horizontalSlider->setValue(50);ui->verticalSlider->setValue(500);ui->horizontalSlider->setTickPosition(QSlider::TicksBelow);ui->verticalSlider->setTickPosition(QSlider::TicksRight);ui->horizontalSlider->setTickInterval(10);ui->verticalSlider->setTickInterval(100);//    ui->horizontalSlider->setSingleStep(20);
//    ui->verticalSlider->setSingleStep(500);//Qt::Horizontal      // 水平方向//Qt::Vertical      //垂直方向//ui->horizontalSlider->setOrientation(Qt::Vertical);//ui->verticalSlider->setOrientation(Qt::Horizontal);connect(ui->horizontalSlider, SIGNAL(valueChanged(int)), SLOT(setHorValue(int)));connect(ui->verticalSlider, SIGNAL(valueChanged(int)), SLOT(setHorValue(int)));connect(ui->horizontalSlider, SIGNAL(sliderPressed()), SLOT(getHorPressed()));connect(ui->verticalSlider, SIGNAL(sliderPressed()), SLOT(getVerPressed()));connect(ui->horizontalSlider, SIGNAL(sliderMoved(int)), SLOT(getHorMoved(int)));connect(ui->verticalSlider, SIGNAL(sliderMoved(int)),  SLOT(getVerMoved(int)));connect(ui->horizontalSlider, SIGNAL(sliderReleased()), this, SLOT(getHorReleased()));connect(ui->verticalSlider, SIGNAL(sliderReleased()), this, SLOT(getVerReleased()));}MainWindow::~MainWindow()
{delete ui;
}void MainWindow::getHorReleased()
{qDebug() << "horizontalSlider 释放了滑块! ";
}
void MainWindow::getVerReleased()
{qDebug() << "verticalSlider 释放了滑块! ";
}void MainWindow::getHorMoved(int value)
{qDebug() << "horizontalSlider 拖动了滑块! " << value;
}
void MainWindow::getVerMoved(int value)
{qDebug() << "verticalSlider 拖动了滑块! " << value;
}void MainWindow::getHorPressed()
{qDebug() << "horizontalSlider 按下了滑块!";
}
void MainWindow::getVerPressed()
{qDebug() << "verticalSlider 按下了滑块!";
}void MainWindow::setHorValue(int value)
{qDebug() << value;
}
void MainWindow::setVerValue(int value)
{qDebug() << value;
}void MainWindow::on_pushButton_clicked()
{strText = QString::number(ui->horizontalSlider->value()) + " , " + QString::number(ui->verticalSlider->value());QMessageBox::information(this,"数值",strText);
}void MainWindow::on_pushButton_2_clicked()
{QMessageBox::information(this,"数值",QString::number(ui->verticalSlider->value()));
}

15 样式表

QT 控件重绘_双子座断点的博客-CSDN博客_qt 重绘

QT 样式表_双子座断点的博客-CSDN博客

QT 样式表属性完整版_双子座断点的博客-CSDN博客

Qt 系统字体_双子座断点的博客-CSDN博客

16 其它文章 :

QT TextEdit控件_双子座断点的博客-CSDN博客_qt textedit

QT QComboBox使用详解_双子座断点的博客-CSDN博客

QT QtableView操作详解_双子座断点的博客-CSDN博客_qtableview增删改查

Qt QStandardItemModel(1.超级详细用法)_双子座断点的博客-CSDN博客_qstandardmodel

Qt QStandardItemModel(2.超级详细函数)_双子座断点的博客-CSDN博客_qstandarditemmodel点击事件

QT QRadioButton使用详解_双子座断点的博客-CSDN博客_qt radiobutton

QT QLineEdit使用详解_双子座断点的博客-CSDN博客_qt qlineedit

Qt QMessageBox使用详解_双子座断点的博客-CSDN博客_qt message

QChart折线图、饼状图、条形图、曲线图_双子座断点的博客-CSDN博客_qchart样式

QChart属性详解_双子座断点的博客-CSDN博客_setanimationoptions

QCharts QValueAxis使用_双子座断点的博客-CSDN博客_qvalueaxis

Qt 5 等待提示框(开源 动态图)_双子座断点的博客-CSDN博客_qt 等待对话框

QtDataVisualization 数据3D可视化_双子座断点的博客-CSDN博客_qtdatavisualizatio

QT QSpinBox 整数计数器控件 使用详解_双子座断点的博客-CSDN博客


QT QDoubleSpinBox 浮点计数器控件(使用详解)_双子座断点的博客-CSDN博客_qdoublespinbox信号槽

相关内容

热门资讯

埃菲尔铁塔在哪 中国仿建埃菲尔... 2019年4月26日,广西南宁市,街头惊现一座巨型山寨版埃菲尔铁塔,高约20米,白色塔身,造型逼真,...
苗族的传统节日 贵州苗族节日有... 【岜沙苗族芦笙节】岜沙,苗语叫“分送”,距从江县城7.5公里,是世界上最崇拜树木并以树为神的枪手部落...
北京的名胜古迹 北京最著名的景... 北京从元代开始,逐渐走上帝国首都的道路,先是成为大辽朝五大首都之一的南京城,随着金灭辽,金代从海陵王...
长白山自助游攻略 吉林长白山游... 昨天介绍了西坡的景点详细请看链接:一个人的旅行,据说能看到长白山天池全凭运气,您的运气如何?今日介绍...
世界上最漂亮的人 世界上最漂亮... 此前在某网上,选出了全球265万颜值姣好的女性。从这些数量庞大的女性群体中,人们投票选出了心目中最美...
应用未安装解决办法 平板应用未... ---IT小技术,每天Get一个小技能!一、前言描述苹果IPad2居然不能安装怎么办?与此IPad不...
脚上的穴位图 脚面经络图对应的... 人体穴位作用图解大全更清晰直观的标注了各个人体穴位的作用,包括头部穴位图、胸部穴位图、背部穴位图、胳...
demo什么意思 demo版本... 618快到了,各位的小金库大概也在准备开闸放水了吧。没有小金库的,也该向老婆撒娇卖萌服个软了,一切只...
猫咪吃了塑料袋怎么办 猫咪误食... 你知道吗?塑料袋放久了会长猫哦!要说猫咪对塑料袋的喜爱程度完完全全可以媲美纸箱家里只要一有塑料袋的响...
埃菲尔铁塔在哪 中国仿建埃菲尔... 2019年4月26日,广西南宁市,街头惊现一座巨型山寨版埃菲尔铁塔,高约20米,白色塔身,造型逼真,...
苗族的传统节日 贵州苗族节日有... 【岜沙苗族芦笙节】岜沙,苗语叫“分送”,距从江县城7.5公里,是世界上最崇拜树木并以树为神的枪手部落...
北京的名胜古迹 北京最著名的景... 北京从元代开始,逐渐走上帝国首都的道路,先是成为大辽朝五大首都之一的南京城,随着金灭辽,金代从海陵王...
长白山自助游攻略 吉林长白山游... 昨天介绍了西坡的景点详细请看链接:一个人的旅行,据说能看到长白山天池全凭运气,您的运气如何?今日介绍...
应用未安装解决办法 平板应用未... ---IT小技术,每天Get一个小技能!一、前言描述苹果IPad2居然不能安装怎么办?与此IPad不...
脚上的穴位图 脚面经络图对应的... 人体穴位作用图解大全更清晰直观的标注了各个人体穴位的作用,包括头部穴位图、胸部穴位图、背部穴位图、胳...
世界上最漂亮的人 世界上最漂亮... 此前在某网上,选出了全球265万颜值姣好的女性。从这些数量庞大的女性群体中,人们投票选出了心目中最美...
demo什么意思 demo版本... 618快到了,各位的小金库大概也在准备开闸放水了吧。没有小金库的,也该向老婆撒娇卖萌服个软了,一切只...
猫咪吃了塑料袋怎么办 猫咪误食... 你知道吗?塑料袋放久了会长猫哦!要说猫咪对塑料袋的喜爱程度完完全全可以媲美纸箱家里只要一有塑料袋的响...