---

• 博客主页：Duck Bro 博客主页
• 系列专栏：Qt 专栏
• 关注博主，后期持续更新系列文章
• 如果有错误感谢请大家批评指出，及时修改
• 感谢大家点赞👍收藏⭐评论✍

---

Qt常用控件 | 输入类控件 | Slider的使用及说明

文章编号：Qt 学习笔记 / 34

---

一、QSlider介绍

1. 简介

QSlider是Qt框架中的一个控件，用于实现滑动条的功能。滑动条是用户界面中的常用控件之一，可以通过拖动滑块来选择一个值，或者通过点击滑条上的位置来快速定位。

2. 核心属性

属性	说明
value	持有的数值.
minimum	最⼩值
maximum	最⼤值
singleStep	按下⽅向键的时候改变的步⻓.
pageStep	按下 pageUp / pageDown 的时候改变的步⻓.
sliderPosition	滑动条显⽰的 初始位置
tracking	外观是否会跟踪数值变化. 默认值为 true. ⼀般不需要修改.
orientation	滑动条的⽅向是⽔平还是垂直
invertedAppearance	是否要翻转滑动条的⽅向
tickPosition	刻度的位置.
tickInterval	刻度的密集程度.

3. 核心信号

属性	说明
valueChanged(int)	数值改变时触发
rangeChanged(int, int)	范围变化时触发

---

二、QSlider的使用（代码示例）

1. 调整窗口大小

1. 在界面中创建两个滑动条，一个是水平的一个垂直的
   
2. 将垂直的滑动条勾选
   
3. 在构造函数中编写两个滑动条的初始化

Widget::Widget(QWidget *parent): QWidget(parent), ui(new Ui::Widget)
{ui->setupUi(this);ui->horizontalSlider->setMinimum(100);ui->horizontalSlider->setMaximum(2000);ui->horizontalSlider->setValue(800);ui->horizontalSlider->setSingleStep(50);ui->verticalSlider->setMinimum(100);ui->verticalSlider->setMaximum(2000);ui->verticalSlider->setValue(800);ui->verticalSlider->setSingleStep(50);
}

4. 点击滚动条生成槽函数，选择如下图所示
   
5. 编写上述槽函数

void Widget::on_horizontalSlider_valueChanged(int value)
{//获取界面的坐标const QRect& rect = this->geometry();//设置界面随滚动条变化this->setGeometry(rect.x(),rect.y(),value,rect.height());
}void Widget::on_verticalSlider_valueChanged(int value)
{const QRect& rect = this->geometry();this->setGeometry(rect.x(),rect.y(),rect.width(),value);
}

6. 运行代码，查看结果，随着滑动条的滚动窗口随着改变
   

2. 自定义快捷键调整滑动条位置

设置"-“减小value,设置”+"增加value
默认情况下滑动条可以通过 方向键 或者 pageUp / pageDown 调整大小

1.在界面上创建滑动条和label

2. 在构造函数中初始化滑动条

Widget::Widget(QWidget *parent): QWidget(parent), ui(new Ui::Widget)
{ui->setupUi(this);ui->label->setText("");ui->horizontalSlider->setMinimum(0);ui->horizontalSlider->setMaximum(100);ui->horizontalSlider->setSingleStep(10);ui->horizontalSlider->setValue(0);
}

3. 创建滑动条槽函数，随着改变把当前值打印到label上

void Widget::on_horizontalSlider_valueChanged(int value)
{ui->label->setText("当前值："+QString::number(value));
}

4. 增加快捷键，使用QShortCut类设置快捷键快捷键触发时, 会发出 QShortcut::activated 信号, 连接到自定义的槽函数

Widget::Widget(QWidget *parent): QWidget(parent), ui(new Ui::Widget)
{ui->setupUi(this);ui->label->setText("当前值：0");ui->horizontalSlider->setMinimum(0);ui->horizontalSlider->setMaximum(100);ui->horizontalSlider->setSingleStep(5);ui->horizontalSlider->setValue(0);//使用快捷键，要用到QShortcut类//需要两个快捷键,-减少+增加(=和+是同一个)QShortcut* shortcut1=new QShortcut(this);shortcut1->setKey(QKeySequence("-"));QShortcut* shortcut2=new QShortcut(this);shortcut2->setKey(QKeySequence("="));//使用信号槽，感知快捷键被按下connect(shortcut1,&QShortcut::activated,this,&Widget::subValue);connect(shortcut2,&QShortcut::activated,this,&Widget::addValue);
}

5. 运行代码，查看结果
   

---