Qt之QDoubleSlider 继承QSlider的双向滑块

最新推荐文章于 2024-09-13 22:27:27 发布
最新推荐文章于 2024-09-13 22:27:27 发布
阅读量4.2k 收藏 8
点赞数 2
分类专栏： Qt 文章标签： 双向滑块 QxtSpanSlider
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Ilson_/article/details/103960278
版权
Qt 专栏收录该内容
44 篇文章 209 订阅 ¥29.90 ¥99.00
订阅专栏
本文介绍了Qt中如何实现双向滑块控制，推荐了Qt Extension Library中的QxtSpanSlider，并对其进行了美化改造，衍生出QDoubleSlider。QDoubleSlider允许用户自定义样式，但存在一些限制，例如无法通过qss改变两滑块中间的样式。源码链接已提供。
摘要由CSDN通过智能技术生成

简述

        Qt自带的QSlider滑块控件只能是单向的控制阈值，某些情况下要使得可以左右上限可调控的话只能是使用两个或者多个QSlider，但是也有很多是朋友是通过继承QWidget自写了一个可调控的双向滑块，虽然能满足需求，但是样式、性能等方面也许有所不足，这里我推荐一个Qt的第三方控件库Qt Extension Library，其中包含了一个对QSlider的重写类QxtSpanSlider，这个类满足了需求。但是如果给继承了这个类的控件设置了样式后那就有问题了，所以我在QxtSpanSlider基础上稍作了些修改使得其看上去更加美观。

QxtSpanSlider

        QxtSpanSlider只是Qt Extension Library其中之一，先来看看其效果：

了解本专栏 订阅专栏 解锁全文
Ilson_
关注
专栏目录
订阅专栏
57.qt quick-带数值双向滑动器RangeSlider(支持显示无穷大+)
抵抗时间扭曲，坚持做一件有意义的事
12-02 810
qt quick-带数值双向滑动器RangeSlider(支持显示无穷大+)
QT 自绘Slider双滑块(包含单个滑块)并修改样式
06-13
1.包含双滑块，单滑块 2.可修改自己需要的样式 3.基本包含QSlider的基本功能 4.资源中包含滑块的使用案例
Qt双滑块滑动器(slider)控件
09-11
自己制作的双滑块滑动器，这只是一个模本，较完整版删减了很多功能 中间的空白处可以自己加载调色板进行填充 已经写了一组返回值，一组信号 点击滑块中间位置，可以同时拖动两个滑块
Qt-RangeSlider 项目推荐
最新发布
gitblog_09121的博客
09-13 394
Qt-RangeSlider 项目推荐 Qt-RangeSlider Implement range slider in Qt 项目地址: https://gitcode.com/gh_mirrors/qt/Qt-RangeSli...
QT自绘滑条控件Slider，可设置横向和纵向，单滑块或者双滑块
03-21
QT自绘滑条控件Slider，可设置横向和纵向，单滑块或者双滑块 效果图：https://blog.csdn.net/qq_22723497/article/details/88723666
qt QxtSpanSlider双滑动条实现
Como0413的博客
01-29 2040
环境：win10、vs2017 1. 创建一个qt项目 2. 打开*.ui插入一个滑动条 3. 插入默认竖直滑动条，改为横向滑动条 4. 设置滑动条滑块移动模式 enum HandleMovementMode { FreeMovement, //自由移动模式，双滑动块没有任何区别，可自由移动 NoCrossing, //下限滑动块的值小于等于上限滑动块的值 NoOverlapping //下限滑动块的值小于上限滑动块的值 }; 代码如下： mainwindow.h .
qt中实现QDoubleSlider
resorcap的专栏
07-23 3664
qDoubleSlider.h #ifndef Q_DOUBLE_SLIDER_H #define Q_DOUBLE_SLIDER_H #include #include class QDoubleSlider : public QSlider { Q_OBJECT public: QDoubleSlider(QWidget* pParent = NULL); v
qt双向滑块—横向和纵向
12-14
基于Qt4.7，运用模板类模式封装的双向滑块。支持左边滑动、右边滑动、中间段滑动，其中还包括两个信号 滑块改变和初始值改变事件
Qt QSlider双滑块
路奇的博客
03-14 2032
首先，处理覆盖问题，若有有什么办法能够让最上层滑轨透明，显示下层样式，直接来代码吧，这里需要注意是前后问题，如果你想QSlider1在最上层那么只能隐藏滑轨和背景，QSlider2在最下层，反之亦然。2.第二个问题是，当我们QSlider双滑轨切换前后位置会出现，最后的滑块没动，动的是最前面的，这是因为我们鼠标一直按着，当前界面切换过来了，但是消息处理函数还没切换过来，这里需要特殊处理一下。下面是遮盖处理以及思路。
Qt双滑块QxtSpanSlider测试代码
03-19
Qt双滑块QxtSpanSlider测试代码，是Qt Extension Library库的一个类。
Qt双滑块控件
02-17
用Qt4写了个双滑块控件，预设值范围（0.00~1.00），初级版本，还待各位自行优化，欢迎各位大神拍砖，不太爱写注释，可私信交流
基于QSlider实现DoubleSlider
weixin_43435307的博客
12-28 1463
由于需求封装了支持小数的滑条，如图 头文件 #ifndef DOUBLESLIDER_H #define DOUBLESLIDER_H #include <QWidget> #include <QSlider> class DoubleSlider : public QSlider { Q_OBJECT public: explicit DoubleSlider(QWidget *parent = nullptr); ~DoubleSlider();
Qt 双滑块
Beyond欣
07-11 905
Qt 双滑块 需要做一个双滑块，用来调节。 找到几个，却发现跟想要的还是有点差距，拿一个比较靠谱的自己改一下吧。 参考的工程 https://github.com/przemek83/wble 选这个好处是：继承自QSlider的，完全支持样式表。 增加了一个在线上也能拖拽的操作。 改完后的工程 https://github.com/BeyondXinXin/study_qt ...
Qt双向滑动控件QxtSpanSlider
琅嬛福地
03-07 5231
QSlider只能像一边移动，某些场合可能需要实现双端都可移动的slider. Qt有个很老的第三库Qt Extension Library有双向Slider的实现，抠出了其中关于双向slider的代码，做了一个小demo, 效果如下： 左右两个是LineEdit,中间是QSlider，做了控件提升（可以理解为MFC的控件重载）, 提升为QxtSpanS...
Qt 双滑块QSlider的实现
沙漠飞鱼的博客
06-07 6945
在开发项目时，有需求要做双滑块的滑动条，本着能不造轮子就不造轮子的原则，去网上搜了一番，果然有Qt开源的拓展库，Qt Extension Library，有一个控件是QxtSpanSlider，实现了简单的双滑块，然而自定义了一些样式后，就各种问题。 于是又搜索相关的解决办法，有搜到一位博主的博客，url:https://blog.csdn.net/Ilson_/article/details/103960278,按照博主的方法，没有起左右，于是又花了C币去下载，还是不起作用。无奈之下，又不想自己写这个控
56.qt quick-自定义双向滑动器RangeSlider
抵抗时间扭曲，坚持做一件有意义的事
12-01 878
支持自定义颜色,效果如下所示: demo已上传至专栏群. RangeSlider常用属性介绍 和Slider一样,只不过多了一个first和second属性(左滑轮、右滑轮)、其它大部分属性和Slider一样、 假如我们想设置滑动器的范围则通过 from 和 to属性设置 未完待续,下章实现带刻度的双向滑动器RangeSlider、 ...
QT 不通过继承qslider，怎么自己画拖动条
06-03
如果您不想通过继承`QSlider`来自定义拖动条，可以通过继承`QWidget`并使用`QPainter`类来手动绘制。具体步骤如下： 1. 创建一个继承自`QWidget`的类，例如`CustomSlider`。 2. 在`CustomSlider`的构造函数中设置一些必要的属性，例如拖动条的最小值、最大值和当前值。 3. 重写`paintEvent`函数，在该函数中使用`QPainter`类来手动绘制拖动条。 4. 重写`mousePressEvent`和`mouseMoveEvent`函数，以便用户可以通过鼠标拖动手柄来改变当前值。 以下是一个示例实现： ```cpp class CustomSlider : public QWidget { Q_OBJECT public: CustomSlider(QWidget *parent = nullptr) : QWidget(parent), m_minValue(0), m_maxValue(100), m_currentValue(50) {} void setRange(int minValue, int maxValue) { m_minValue = minValue; m_maxValue = maxValue; update(); } void setValue(int value) { m_currentValue = qBound(m_minValue, value, m_maxValue); update(); } protected: void paintEvent(QPaintEvent *event) override { QPainter painter(this); painter.setRenderHint(QPainter::Antialiasing); // 绘制滑轨 QRectF trackRect(0, height() / 2 - 2, width(), 4); painter.setPen(QPen(Qt::gray, 4)); painter.drawLine(trackRect.topLeft(), trackRect.topRight()); // 绘制已选择的部分 QRectF selectedRect(0, height() / 2 - 2, width() * (m_currentValue - m_minValue) / (m_maxValue - m_minValue), 4); painter.setPen(QPen(Qt::blue, 4)); painter.drawLine(selectedRect.topLeft(), selectedRect.topRight()); // 绘制手柄 QRectF handleRect(selectedRect.right() - 8, height() / 2 - 12, 16, 24); painter.setPen(Qt::NoPen); painter.setBrush(Qt::white); painter.drawEllipse(handleRect); painter.setBrush(Qt::gray); painter.drawEllipse(handleRect.adjusted(2, 2, -2, -2)); } void mousePressEvent(QMouseEvent *event) override { if (event->button() == Qt::LeftButton) { setValue(m_minValue + (m_maxValue - m_minValue) * event->pos().x() / width()); event->accept(); } else { event->ignore(); } } void mouseMoveEvent(QMouseEvent *event) override { if (event->buttons() & Qt::LeftButton) { setValue(m_minValue + (m_maxValue - m_minValue) * event->pos().x() / width()); event->accept(); } else { event->ignore(); } } private: int m_minValue; int m_maxValue; int m_currentValue; }; ``` 在上面的示例中，我们通过重写`paintEvent`函数来手动绘制滑轨、已选择的部分和手柄。然后，在`mousePressEvent`和`mouseMoveEvent`函数中处理鼠标事件，以便用户可以通过鼠标拖动手柄来改变当前值。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Ilson_

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值