qt QxtSpanSlider双滑动条实现

最新推荐文章于 2024-06-25 12:27:27 发布

原创最新推荐文章于 2024-06-25 12:27:27 发布 · 2.3k 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#qt

C++ 同时被 2 个专栏收录

19 篇文章

订阅专栏

9 篇文章

订阅专栏

本文介绍了如何在Windows 10环境下使用Visual Studio 2017创建Qt项目，添加并设置一个横向滑动条，并详细讲解了滑块移动模式的选择，包括自由移动、无交叉和无重叠限制。

环境：win10、vs2017

1. 创建一个qt项目

2. 打开*.ui插入一个滑动条

3. 插入默认竖直滑动条，改为横向滑动条

4. 设置滑动条滑块移动模式

enum HandleMovementMode

{

FreeMovement, //自由移动模式，双滑动块没有任何区别，可自由移动

NoCrossing, //下限滑动块的值小于等于上限滑动块的值

NoOverlapping //下限滑动块的值小于上限滑动块的值

};

代码如下：

mainwindow.h

#ifndef MAINWINDOW_H
#define MAINWINDOW_H

#include <QMainWindow>
#include <qxtspanslider.h>
#include <qdebug.h>


namespace Ui {
class MainWindow;
}

class MainWindow : public QMainWindow
{
    Q_OBJECT

public:
    explicit MainWindow(QWidget *parent = nullptr);
    ~MainWindow();

private slots:

	//获取滑块的最小值
    void on_qxtsd_lowerValueChanged(int lower);

	//获取滑块的最大值
	void on_qxtsd_upperValueChanged(int lower);


private:
    Ui::MainWindow *ui;
};

#endif // MAINWINDOW_H

mainwindow.cpp

#include "mainwindow.h"
#include "ui_mainwindow.h"

MainWindow::MainWindow(QWidget *parent) :
    QMainWindow(parent),
    ui(new Ui::MainWindow)
{
    ui->setupUi(this);

	/*
		设置下限滑动块的值小于上限滑动块的值
			FreeMovement,  //自由移动模式，双滑动块没有任何区别，可自由移动
			NoCrossing,    //下限滑动块的值小于等于上限滑动块的值
			NoOverlapping   //下限滑动块的值小于上限滑动块的值	
	*/
	ui->qxtsd->setHandleMovementMode(QxtSpanSlider::NoOverlapping);
}

MainWindow::~MainWindow()
{
    delete ui;
}

//获取滑块的最小值
void MainWindow::on_qxtsd_lowerValueChanged(int lower)
{
	qDebug() << ui->qxtsd->lowerPosition() << " *****";

}

//获取滑块的最大值
void MainWindow::on_qxtsd_upperValueChanged(int lower)
{
	qDebug() << ui->qxtsd->upperPosition() << " &&&&&&";

}

所需第三方插件QxtSpanSlider见链接：https://blog.youkuaiyun.com/Como0413/article/details/113365581