Qt QSlider滑块详解

最新推荐文章于 2024-05-29 19:00:22 发布
最新推荐文章于 2024-05-29 19:00:22 发布
阅读量6.5k 收藏 41
点赞数 5
分类专栏： Qt基础/高级 文章标签： qt c++ qtcreator qt4 qt5
原文链接：https://blog.csdn.net/zyc_csdn/article/details/78850100
版权

一、设计器设置

在这里插入图片描述

QSlider很少有自己的函数，大部分功能在QAbstractSlider中。

最有用的函数是setValue()，用来设置滑块的当前值；

triggerAction()来模拟点击的效果（对快捷键有用）;

setSingleStep()、setPageStep()用来设置步长;

setMinimum()和setMaximum()用于定义滚动条的范围。

QSlider提供了一些方法来控制刻度标记:

可以使用setTickPosition()来表示刻度标记的位置，

使用setTickInterval()来指定刻度的间隔；

当前设置的刻度位置和间隔可以分别使用tickPosition()和tickInterval()函数来查询。

二、常用信号

  • void valueChanged(int value);当滑块的值发生了改变，发射此信号。tracking()确定在用户交互时，是否发出此信号。
  • void sliderPressed();当用户按下滑块，发射此信号。
  • void sliderMoved(int position);当用户拖动滑块，发射此信号。
  • void sliderReleased();当用户释放滑块，发射此信号。
  • void rangeChanged(int min, int max);
  • void actionTriggered(int action);

QSlider只提供整数范围。

注意：尽管QSlider可以处理非常大的数字，但是对于用户来说，难以准确使用很大范围的滑块。

三、键盘接口

滑块接受Tab键的焦点，并同时提供了一个鼠标滚轮和键盘接口。键盘接口如下：

  • Left/Right 移动水平滑块一个步长。
  • Up/Down 移动垂直滑块一个步长。
  • PageUp 上移一页。
  • PageDown 下移一页。
  • Home 移动至起始位置（最小值）。
  • End 移动至结束位置（最大值）

四、刻度位置

枚举 QSlider::TickPosition

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

常量值描述
QSlider::NoTicks0不绘制任何刻度线
QSlider::TicksBothSides3在滑块的两侧绘制刻度线
QSlider::TicksAbove1在（水平）滑块上方绘制刻度线
QSlider::TicksBelow2在（水平）滑块下方绘制刻度线
QSlider::TicksLeftTicksAbove在（垂直）滑块左侧绘制刻度线
QSlider::TicksRightTicksBelow在（垂直）滑块右侧绘制刻度线

基本使用
下面我们来看一个示例，结合QSlider与上节分享的QSpinBox（微调框），来让他们彼此之间相互更新。

效果
在这里插入图片描述
源码

int nMin = 0;
int nMax = 200;
int nSingleStep = 10;
​
// 微调框
QSpinBox *pSpinBox = new QSpinBox(this);
pSpinBox->setMinimum(nMin);  // 最小值
pSpinBox->setMaximum(nMax);  // 最大值
pSpinBox->setSingleStep(nSingleStep);  // 步长
​
// 滑动条
QSlider *pSlider = new QSlider(this);
pSlider->setOrientation(Qt::Horizontal);  // 水平方向
pSlider->setMinimum(nMin);  // 最小值
pSlider->setMaximum(nMax);  // 最大值
pSlider->setSingleStep(nSingleStep);  // 步长
​
// 连接信号槽（相互改变）
connect(pSpinBox, SIGNAL(valueChanged(int)), pSlider, SLOT(setValue(int)));
connect(pSlider, SIGNAL(valueChanged(int)), pSpinBox, SLOT(setValue(int)));
​
pSpinBox->setValue(10);12345678910111213141516171819202122

通过setMinimum()与setMaximum()函数，我们将取固定到一个合适的范围（0 - 200），连接信号槽后，当QSpinBox的值发生改变时，QSlider的值也会发生相应变化；反之亦然。最后，我们使用setValue()将QSpinBox的值设置为10，由于信号槽已经连接，所以这时QSlider的值也会发生改变。

五、QSS样式

样式一并奉上：

QSlider::groove:horizontal {/*滑动槽*/
        height: 6px;
        background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 rgb(124, 124, 124), stop: 1.0 rgb(72, 71, 71));
}
QSlider::handle:horizontal {/*滑动块*/
        width: 1px;
        background: rgb(0, 160, 230);
        margin: -6px 0px -6px 0px;
        border-radius: 9px;
}12345678910

刻度位置及间隔
为了演示效果，这里我们不再采用QSS样式控制。

效果
在这里插入图片描述
源码

QSlider *pSlider = new QSlider(this);
pSlider->setOrientation(Qt::Horizontal);  // 水平方向
pSlider->setMinimum(nMin);  // 最小值
pSlider->setMaximum(nMax);  // 最大值
pSlider->setSingleStep(nSingleStep); // 步长
// pSlider->setTickInterval(40);  // 设置刻度间隔
pSlider->setTickPosition(QSlider::TicksAbove);  //刻度在上方1234567

由于我们的取值范围是：0 - 200，步长为10。所以，在绘制刻度的时候，一共有21个刻度点（从0开始，每隔步长10绘制一个点，到200处结束）。

当我们使用setTickInterval(40)设置刻度间隔后，在绘制刻度的时候，就会有6个刻度点（从0开始，每隔步长40绘制一个点，到200处结束）。

如下所示：
在这里插入图片描述
也就是说，刻度点的个数 = 最大值 / 刻度间隔 + 1。
QSlider的点击与拖动


class SliderClick : public QSlider  
{  
public:  
    SliderClick(QWidget *parent = 0) : QSlider(parent)  
    {  
    }  
protected:  
    void mousePressEvent(QMouseEvent *ev)  
    {  
        //注意应先调用父类的鼠标点击处理事件，这样可以不影响拖动的情况  
        QSlider::mousePressEvent(ev);  
        //获取鼠标的位置，这里并不能直接从ev中取值（因为如果是拖动的话，鼠标开始点击的位置没有意义了）  
        double pos = ev->pos().x() / (double)width();  
        setValue(pos * (maximum() - minimum()) + minimum());  
        //向父窗口发送自定义事件event type，这样就可以在父窗口中捕获这个事件进行处理  
        QEvent evEvent(static_cast<QEvent::Type>(QEvent::User + 1));  
        QCoreApplication::sendEvent(parentWidget(), &evEvent);  
    }  
};

六、QSlider点击不到该位置

方法一：可以继承重写一个QSlider

//重写鼠标点击事件
void XSlider::mousePressEvent(QMouseEvent *ev) 
{
	//qDebug() << ev->pos().x() << endl;
	QSlider::mousePressEvent(ev);
	//百分比
	double p = static_cast<double>(ev->pos().x()) / static_cast<double>(width());
	int val = p*(maximum() - minimum()) + minimum();	//要判断最小值是否为0
	setValue(val);
}

方法二：1.instaneventfiliter(this);slider安装一个事件过滤器

2.在eventfilter(QObject，QEvent)中拦截它,很简单吧

slider=new QSlider(this); 
slider->installEventFilter(this);
​
bool trayIconMenu::eventFilter(QObject *obj, QEvent *event)
{
    if(obj==slider)
    {
        if (event->type()==QEvent::MouseButtonPress)           //判断类型
        {
            QMouseEvent *mouseEvent = static_cast<QMouseEvent *>(event);
            if (mouseEvent->button() == Qt::LeftButton) //判断左键
            {
               int dur = slider->maximum() - slider->minimum();
               int pos = slider->minimum() + dur * ((double)mouseEvent->x() / slider->width());
               if(pos != slider->sliderPosition())
                {
                  slider->setValue(pos);
                }
            }
        }
    }
    return QObject::eventFilter(obj,event);
}

okay!即可以实现slider点哪里就到哪里

芒种、
关注
  • 5
    点赞
  • 踩
  • 41
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
从新手小白入门Qt编程(Windows 10)
07-11
Qt是由Qt Company开发的主流跨平台C++图形用户界面应用程序开发框架。Qt是面向对象的框架、容易扩展，并且允许真正地组件编程，既可以开发GUI程序，也可用于控制台工具和服务器。其跨平台集成开发环境Qt Creator 全面支持Windows ，mac、Linux、iOS、Android、WP等。本课程主要帮助学员熟练掌握Qt 5.9框架下的C++开发，通过核心类的详细讲解与源码分析，以及所有UI控件的讲解演示，迅速帮助学员达到企业级Qt开发工程师的能力！
Qt-常用控件QSlider学习
ttangdi00的博客
03-17 3015
QSlider部件提供了一个垂直或水平滑动条。 今天的主角是QSilder，QSilder继承于QAbstractSlider，它的大多功能在QAbstractSlider，通过setValue()来设置当前值，使用setSingleStep()、setPageStep()用来设置步长，setMinimum()和setMaximum()用于定义滚动条的范围。 用户...
QT——QSlider实现，QT滑动控件的使用
最新发布
NS_ice的博客
05-29 1492
QT——QSlider实现，QT滑动控件的使用，QAbstractSlider类的使用。调节滑块到指定位置后，发生一个触发事件，在这个触发事件中，我们获取最后的值，然后进行处理操作。 滑动滑动条使值发生变化，只要最后停下的时候触发信号量执行槽函数。获取滑动块最后停下的值并执行槽函数。滑动块槽函数互动一下多次触发怎么办。sliderMoved，sliderPressed，sliderReleased，valueChanged，actionTriggered，rangeChanged使用
Qt滑块示例
有志者事竟成
05-10 390
在构造函数中，我们首先创建两个水平和垂直显示滑块小部件的小部件，并将它们添加到 .提供一堆小部件，其中只有顶部小部件可见。通过我们创建从控制小部件到 的连接，使用户能够在滑块小部件的水平和垂直方向之间进行选择。当前值的初始化将通过我们在小部件之间建立的连接传播到滑块小部件。反转垂直的外观是很常见的。例如，控制音量的垂直滑块通常从下到上（非反转外观），而控制对象在屏幕上的位置的垂直滑块可能从上到下，因为屏幕坐标从上到下。我们将 的信号连接到 的信号，以通知应用程序中的其他小部件（即控制小部件）更改的值。
Qt之QSlider介绍(属性设置、信号、实现滑块移动到鼠标点击位置)
热门推荐
yky的博客
08-07 4万+
QSlider是滑动条控件，最常见的应用就是视频播放器中的进度条。QSlider允许用户通过鼠标进行拖动、点击(需要重写mousePressEvent事件实现)，下面将从这几个方面对QSlider进行介绍: [1]属性设置 [2]信号 [3]实现滑块移动到鼠标点击位置 [1]常用属性设置 QSlider继承自QAbstractSlider，它的绝大多数属性都是从QAbstractS...
Qt应用开发(基础篇)——滑块类 QAbstractSlider、QSlider、QScrollBar、QDial
波塞冬的博客
08-01 1397
该属性表示是否需要反转值，也就是最大值和最小值显示的位置相反。这个参数常用于QSlider滑块手柄和QDial刻度盘。bool invertedAppearance() const //获取值void setInvertedAppearance(bool) //设置值。
Qt 双滑块QSlider的实现
沙漠飞鱼的博客
06-07 6729
在开发项目时，有需求要做双滑块的滑动条，本着能不造轮子就不造轮子的原则，去网上搜了一番，果然有Qt开源的拓展库，Qt Extension Library，有一个控件是QxtSpanSlider，实现了简单的双滑块，然而自定义了一些样式后，就各种问题。 于是又搜索相关的解决办法，有搜到一位博主的博客，url:https://blog.csdn.net/Ilson_/article/details/103960278,按照博主的方法，没有起左右，于是又花了C币去下载，还是不起作用。无奈之下，又不想自己写这个控
Qt例程源代码QSlider.7z
07-19
**QSlider组件详解** QSlider是Qt库中的一个关键组件，用于在一定范围内进行数值选择。它通常表现为一个水平或垂直的滑块条，用户可以通过拖动滑块来选取介于最小值和最大值之间的某个值。QSlider广泛应用于音量...
Qt制作音乐播放器流程
05-24
### Qt制作音乐播放器流程详解 #### 一、前言 在现代软件开发领域，多媒体应用占据了重要地位，其中音乐播放器是用户接触最频繁的应用之一。Qt作为一款跨平台的C++图形用户界面库，提供了强大的功能来帮助开发者...
基于Qt实现的本地音乐播放器
04-06
- **QSlider**：滑块控件，可以用于音量控制和进度调整。 - **QLabel**：显示歌曲信息，如歌名、歌手、时长等。 - **QToolButton**：提供小巧的图标按钮，节省空间。 4. **文件操作** - **QFile** 和 **QDir**...
Qt4.8.2 mp3 音乐播放器
08-11
在播放器中，可能还包含了进度条（QProgressBar）来显示歌曲的播放进度，以及音量滑块（QSlider）来调整音量。QTime或QTimer可能被用来同步播放进度条和实际的音乐播放时间。此外，为了实现音乐文件的浏览和选择，...
C++ Qt开发：Slider滑块条组件
CSDN
12-14 5588
当涉及到C++ Qt开发中的`Slider`滑块条组件时，你可能会用到`QSlider`类。`QSlider`是一个用于选择整数值的控件，常用于调整范围内的数值，如音量、亮度等。在水平方向上的`Slider`通常被称为水平滑块（Horizontal Slider），而在垂直方向上的Slider被称为垂直滑块（Vertical Slider）。Qt 是一个跨平台C++图形界面开发库，利用Qt可以快速开发跨平台窗体应用程序，在Qt中我们可以通过拖拽的方式将不同组件放到指定的位置，实现图形化开发极大的方便了开发效
绘制自定义QSlider
IT8343的博客
01-03 1118
qslider自定义风格，滑块跟随鼠标点击、自定义滑块、刻度、滑动条样式、文字绘制、tooltip显示等
QStyle自定义重绘QSlider控件二
09-17 1889
简介： 修改创建控件时候，的默认矩形大小，重写sizeFromContents()函数，给定默认控件大小 文章目录本博文的简述or解决问题？同步博文：系列博文：更新原因：QSlider枚举含义：绘画思路：开心分享： 本博文的简述or解决问题？ ​ 详情： 见简介 编程环境： deepin 15.11 x64 专业版 Kernel： x86_64 Linux 4.15.0-30d...
Qt封装控件大全
Pailugou的博客
03-17 1280
利用Qt自己封装控件，并编译成Qt插件在Qt Designer中使用，目前封装完成有以下控件，后续会逐渐更新。 1.柱状标尺控件 1:可设置背景色/柱状颜色/线条颜色/刻度颜色 2:刻度值时根据设置的最大值和最小值进行计算显示 3:可获取当前的百分比 4:可设置范围值 5:支持负数，正数，一正一负，小数刻度值 ...
Qt学习笔记(二十六)：QSlider 的常用方法
秋忆夏伤的博客
04-07 1万+
一、QSlider 的构造函数： 1、QSlider(QWidget * parent = 0)：创建一个滑块，指定其父对象。默认垂直方向。 2、QSlider(Qt::Orientation orientation, QWidget * parent = 0)：创建指定方向的滑块 // 创建一个水平的滑块 QSlider *horizontalSlider = new...
QT基础：QSlider 滑块的简单演示
qq_39085747的博客
03-01 2398
滑块共有两种，一种是水平的，一种是垂直的，它们的区别只是放置的方向不同而已 这里主要演示水平滑块，所以修改了水平滑块的最大值、鼠标移动和键盘移动的参数，垂直滑块保持默认的参数Click() 槽函数绑定的是 按钮的点击事件其他的槽函数绑定的滑块的值改变、移动、按压、释放事件// 获取滑块当前值// 将滑块当前值+10 写入进去// 滑块值改变后触发// 获取滑块当前值// 滑块移动时就触发// 按压滑块时触发// 松开时触发delete ui;
qt qslider 滑块上方显示当前值
07-15
### 回答1： 在Qt中使用QSlider时，可以通过一些简单的步骤来实现在滑块的上方显示当前值。 首先，我们需要在Qt设计师中将一个QSlider控件放置在窗口中。确保将QSlider的名称设为slider，并根据需要设置最小值、最大值和初始值。 接下来，我们需要在代码中使用一个QLabel控件来显示滑块的当前值。在类的构造函数中创建一个QLabel实例，并将其名称设为label。然后，我们可以使用QSlider的valueChanged信号来更新label的文本。 具体代码如下所示： ``` #include <QtWidgets> class MyWidget : public QWidget { Q_OBJECT public: MyWidget(QWidget *parent = nullptr) : QWidget(parent) { // 创建一个垂直布局管理器 QVBoxLayout *layout = new QVBoxLayout(this); // 创建一个QSlider控件并设置最小值、最大值和初始值 slider = new QSlider(Qt::Horizontal, this); slider->setMinimum(0); slider->setMaximum(100); slider->setValue(50); // 创建一个QLabel控件用于显示滑块的当前值 label = new QLabel(QString::number(slider->value()), this); // 将滑块和标签控件添加到布局中 layout->addWidget(slider); layout->addWidget(label); // 连接滑块的valueChanged信号到更新标签文本的槽函数 connect(slider, &QSlider::valueChanged, this, &MyWidget::updateLabel); } private slots: void updateLabel(int value) { // 根据滑块的当前值更新标签的文本 label->setText(QString::number(value)); } private: QSlider *slider; QLabel *label; }; int main(int argc, char *argv[]) { QApplication a(argc, argv); MyWidget widget; widget.show(); return a.exec(); } ``` 通过以上步骤，我们就可以在滑块的上方显示当前值。每当滑块的值发生改变时，标签的文本也会相应地更新。 ### 回答2： 在Qt中，使用QSlider控件来创建滑块是非常常见的。如果需要在滑块上方显示当前值，我们可以通过以下步骤实现： 1. 创建QSlider控件，并设置好滑块的范围和初始值。 ```cpp QSlider *slider = new QSlider(Qt::Horizontal); slider->setMinimum(0); slider->setMaximum(100); slider->setValue(50); ``` 2. 创建一个QLabel控件，用来显示当前值。 ```cpp QLabel *valueLabel = new QLabel(QString::number(slider->value())); ``` 3. 使用布局管理器将滑块和值标签放在一起。 ```cpp QHBoxLayout *layout = new QHBoxLayout; layout->addWidget(slider); layout->addWidget(valueLabel); ``` 4. 创建一个槽函数，当滑块的值改变时，更新值标签的显示。 ```cpp QObject::connect(slider, &QSlider::valueChanged, [=](int value){ valueLabel->setText(QString::number(value)); }); ``` 通过以上步骤，我们可以实现在滑块上方显示当前值的效果。当滑块的值发生改变时，值标签会自动更新显示当前的值。可以根据需要对控件的样式和布局进行调整，以满足具体的界面需求。 ### 回答3： Qt的QSlider类是一个滑块控件，可以用于在一定范围内调节值。默认情况下，滑块只会显示一个滑块头，并没有显示当前的值。如果希望在滑块上方显示当前的值，我们可以使用以下方法： 首先，我们可以使用QSlider的valueChanged信号来捕捉滑块值的变化。例如，我们可以在窗口的构造函数中连接该信号到一个自定义的槽函数，代码如下： ``` connect(ui->slider,SIGNAL(valueChanged(int)),this,SLOT(onSliderValueChanged(int))); ``` 然后，我们在槽函数中可以更新一个QLabel控件来显示当前的值。例如，我们可以在窗口类中添加一个QLabel控件，并在槽函数中更新其显示的文本，代码如下： ``` void MainWindow::onSliderValueChanged(int value) { ui->label->setText(QString("当前值：%1").arg(value)); } ``` 最后，我们将该QLabel控件放置在滑块上方的位置，并设置合适的样式和布局。例如，我们可以使用QVBoxLayout来将QSlider和QLabel添加到同一个垂直布局中，以保证它们能够正确显示在一起。 通过以上步骤，我们就可以在滑块上方显示当前的值了。每当滑块的值发生变化时，QLabel控件的文本就会更新为最新的值。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值