Qt双向滑动控件QxtSpanSlider

令狐掌门

已于 2022-05-18 18:49:29 修改

阅读量5.4k

点赞数 8

分类专栏：深入浅出C++ Qt开发技术文章标签： c++ qt

于 2020-03-07 00:50:48 首次发布

本文链接：https://blog.csdn.net/yao_hou/article/details/104707468

版权

深入浅出C++ Qt开发技术专栏收录该内容

159 篇文章 ¥129.90 ¥299.90

订阅专栏

本文介绍了如何在Qt中创建一个双向滑动控件QxtSpanSlider。通过Qxt库的代码，实现了滑块两端可移动并连接LineEdit，使得编辑框的值与滑块位置同步。在修改滑块或编辑框值时，相应位置会自动更新。文章提供了QxtSpanSlider的样式修改、信号槽链接等关键代码，并指出在使用QxtSpanSlider时需要注意取消了QSlider的value()方法，需使用特定方法获取值。此外，提供了完整的源码下载链接。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

QSlider只能像一边移动，某些场合可能需要实现双端都可移动的slider. Qt有个很老的第三库 Qt Extension Library 有双向Slider的实现，抠出了其中关于双向slider的代码，做了一个小demo, 效果如下：

左右两个是LineEdit, 中间是QSlider，做了控件提升（可以理解为MFC的控件重载）, 提升为QxtSpanSlider，也改了默认样式。

左右两边滑块移动时，编辑框LineEdit的值会跟着改变，手动修改LineEdit的值时，滑块位置也会改变。

QSlider样式修改如下：

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:horizo

了解本专栏