C++ Qt开发:Slider滑块条组件

Qt 是一个跨平台C++图形界面开发库,利用Qt可以快速开发跨平台窗体应用程序,在Qt中我们可以通过拖拽的方式将不同组件放到指定的位置,实现图形化开发极大的方便了开发效率,本章将重点介绍Slider滑块条组件的常用方法及灵活运用。

当涉及到C++ Qt开发中的Slider滑块条组件时,你可能会用到QSlider类。QSlider是一个用于选择整数值的控件,常用于调整范围内的数值,如音量、亮度等。在水平方向上的Slider通常被称为水平滑块(Horizontal Slider),而在垂直方向上的Slider被称为垂直滑块(Vertical Slider)。

水平滑块(Horizontal Slider)特点
  • 方向: 在水平轴上移动,允许用户通过拖动滑块来选择数值。
  • 应用场景: 适用于需要在水平方向上进行范围选择的情况,比如调整音量、进度等。
垂直滑块(Vertical Slider)特点
  • 方向: 在垂直轴上移动,允许用户通过拖动滑块来选择数值。
  • 应用场景: 适用于需要在垂直方向上进行范围选择的情况,比如调整亮度、高度等。

这两种Slider都是在用户界面中提供直观、交互式的方式来选择数值范围的优秀组件,它们能够很好地与Qt应用程序的其他部分集成。

以下是QSlider类的一些常用方法的说明和概述,以表格形式进行说明:

方法描述
QSlider(Qt::Orientation, QWidget *parent = nullptr)构造函数,创建一个滑块控件。Qt::Orientation参数指定方向(Qt::HorizontalQt::Vertical)。
setMinimum(int min)设置滑块的最小值。
setMaximum(int max)设置滑块的最大值。
setSingleStep(int step)设置用户通过鼠标或键盘按键时,滑块的单步大小。
setPageStep(int step)设置用户通过点击滑块轨道时,滑块的页面步长。
setValue(int value)设置滑块的当前值。
value() const返回滑块的当前值。
setTickInterval(int ti)设置刻度间隔,以便显示刻度标记。
setTickPosition(TickPosition position)设置刻度标记的位置(NoTicksTicksAboveTicksBelowTicksBothSides)。
sliderPosition() const返回滑块的位置,通常与value()相同,但可能在某些情况下不同(例如,未捕获的移动)。
setTracking(bool enable)启用/禁用实时跟踪。如果启用,滑块在拖动时会实时更新值;禁用时,只有在释放鼠标时才更新。
setTickInterval(int ti)设置刻度间隔,以便显示刻度标记。
setTickPosition(TickPosition position)设置刻度标记的位置(NoTicksTicksAboveTicksBelowTicksBothSides)。

这些方法提供了一些基本的控制和配置选项,以便根据应用程序的需求对QSlider进行调整。在使用这些方法时,你可以根据具体的场景和用户体验需求来灵活选择参数值。

1.1 使用滑块条事件

如下图,我们首先创建一个页面UI,在页面中左侧放置Vertical Slider垂直滑块,底部放置Horizontal Slider水平滑块,在水平滑块的上方放置两个lineEdit组件,在其右侧是两个调节按钮。

不论是水平滑块(Horizontal Slider)条还是垂直滑块(Vertical Slider)条其都有一个valueChanged(int)的槽函数,该信号用于接收滑块条的参数改变情况,通常会返回到函数参数上,此时只需要在槽函数内对该参数进行捕捉处理即可,如下代码,通过捕捉滑块进度并将其输出到编辑框内;

// 垂直滑块(Vertical Slider)条
void MainWindow::on_verticalSlider_valueChanged(int value)
{// 转换整数为stringQString myString = QString::number(value);// 设置到编辑框内ui->lineEdit->setText(myString);
}// 水平滑块(Horizontal Slider)条
void MainWindow::on_horizontalSlider_valueChanged(int value)
{// 转换整数为stringQString myString = QString::number(value);// 设置到编辑框内ui->lineEdit_2->setText(myString);
}

当用户点击页面中的设置按钮时,此时在后端只需要调用verticalSliderhorizontalSlider滑块条的setValue属性即可实现对滑块条的赋值。

// 设置垂直滑块(Vertical Slider)条进度
void MainWindow::on_pushButton_clicked()
{// 字符串转整数int x = ui->lineEdit->text().toUInt();// 设置数值到滑块条ui->verticalSlider->setValue(x);
}// 设置水平滑块(Horizontal Slider)条
void MainWindow::on_pushButton_2_clicked()
{int x = ui->lineEdit_2->text().toUInt();ui->horizontalSlider->setValue(x);
}

运行代码,读者可自行测试滑块条的取值与设置功能,如下图所示;

1.2 滑块条与信号绑定

滑块条同样可以与信号绑定,在某些时候我们希望只需要变动滑块条的位置就能实现特定的功能,此时就需要对特定的滑块条绑定信号与槽函数,如下图所示,我们在左侧调色板位置放置四个滑块条用于调整颜色参数,在右侧放置一个textEdit编辑框,当读者滑动滑块时右侧则出现相对应的颜色。

首先,我们以第一个红色Horizontal Slider滑块条为例,通过右键选中转到槽,选择valueChaged(int)这个槽函数,并实现如下逻辑,在代码中我们分别读入四个进度条的默认值,并率先设置到textEdit组件上,接着就是对textEdit底色的设置。

// 变色槽函数
void MainWindow::on_SliderRed_valueChanged(int value)
{Q_UNUSED(value);QColor color;int R=ui->SliderRed->value();      // 读取SliderRed的当前值int G=ui->SliderGreen->value();    // 读取 SliderGreen 的当前值int B=ui->SliderBlue->value();     // 读取 SliderBlue 的当前值int alpha=ui->SliderAlpha->value();// 读取 SliderAlpha 的当前值color.setRgb(R,G,B,alpha);         // 使用QColor的setRgb()函数获得颜色QPalette pal=ui->textEdit->palette(); // 获取textEdit原有的 palettepal.setColor(QPalette::Base,color);   // 设置palette的基色(即背景色)ui->textEdit->setPalette(pal);        // 设置为textEdit的palette,改变textEdit的底色
}

接着,我们在MainWindow构造函数上分别绑定三个信号,将 SliderGreenSliderBlueSliderAlpha 与第一个滑块条 SliderRead 关联起来,并全部绑定到on_SliderRed_valueChanged槽函数上,此时的实现效果为,当其他三个选择条数值改变时,同样会触发on_SliderRed_valueChanged槽函数执行变色。

MainWindow::MainWindow(QWidget *parent): QMainWindow(parent), ui(new Ui::MainWindow)
{ui->setupUi(this);QObject::connect(ui->SliderRed,SIGNAL(valueChanged(int)),this,SLOT(on_SliderRed_valueChanged(int)));QObject::connect(ui->SliderGreen,SIGNAL(valueChanged(int)),this,SLOT(on_SliderRed_valueChanged(int)));QObject::connect(ui->SliderBlue,SIGNAL(valueChanged(int)),this,SLOT(on_SliderRed_valueChanged(int)));QObject::connect(ui->SliderAlpha,SIGNAL(valueChanged(int)),this,SLOT(on_SliderRed_valueChanged(int)));
}

至此,读者可自行拖拽滑块条以获得不同的配色方案,如下图所示,这里需要提醒读者默认滑块条是0-99而颜色的长度为0-255读者需要自行调整滑块条的颜色值,以获取更多的配色方案。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/220271.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Docker容器:docker推送镜像至Harbor

目录 1、Harbor创建项目 2、进入test项目,查看推送命令 3、在docker服务器上准备一个镜像 4、修改docker客户端配置 5、重启docker服务 6、docker登录Harbor 7、docker镜像推送到Harbor 1、Harbor创建项目 2、进入test项目,查看推送命令 3、在dock…

css3实现动态心电图折线

css3实现动态心电图折线 M(moveto):需要两个参数(x轴和y轴坐标,移动到的点的x轴和y轴的坐标L(lineto):需要两个参数(x轴和y轴坐标),它会在当前位置…

挺进云存储,天翼云全新一代XSSD勇立潮头

引言:自研高性能分布式存储引擎LAVA,实现云硬盘持续创新获得新突。 【全球云观察 | 科技热点关注】 作为算力基础设施的基石,云存储的发展一直备受公有云厂商所重视,对拉动云厂商营收规模带来重要价值,就…

微信开发者工具安装教程

文章目录 下载安装包执行安装包 #微信开发者工具安装教程 下载安装包 官网网址 执行安装包 D:\Program Files (x86)\Tencent\微信web开发者工具\dll

联合体(c语言)

1.联合体由一个或多个成员组成,这些成员可以是不同类型,但编译器只为最大的数据成员分配足够的内存空间,所有成员占一个空间,所以联合体也叫共用体(可以利用这一点用不同的变量表示同一快空间),给其中一个成…

Linux操作系统的ECS云服务器上搭建WordPress网站教程

WordPress是使用PHP语言开发的博客平台,在支持PHP和MySQL数据库的服务器上,您可以用WordPress架设自己的网站,也可以用作内容管理系统(CMS)。本教程介绍如何在Linux操作系统的ECS实例上搭建WordPress网站。 前提条件 已创建Linux操作系统的ECS实例,并且手动部署LNMP环境…

Git应用——代码提交规范 feat ,fix ,style

当前使用 feat 增加新功能fix 修复问题/BUGstyle 代码风格相关无影响运行结果的perf 优化/性能提升refactor 重构revert 撤销修改test 测试相关docs 文档/注释chore 依赖更新/脚手架配置修改等workflow 工作流改进ci 持续集成types 类型定义文件更改wip 开发中 别处看到 fea…

使用 Goroutine 和 Channel 构建高并发程序

使用 Goroutine 和 Channel 构建高并发程序 文章目的与概要Golang 并发模型的重要性 Goroutine 和 Channel 的基础Goroutine:轻量级线程Channel:通信机制Goroutine 与 Channel 的协同工作 构建高并发模型的策略有效使用 Goroutine使用 Channel 进行数据传…

椋鸟C语言笔记#26:数据在内存中的存储(大小端字节序)、浮点数的存储(IEEE754)

萌新的学习笔记,写错了恳请斧正。 目录 大小端字节序 什么是大小端 写一个判断大小端的程序 浮点数在内存中的存储(IEEE 754规则) 引入 存储规则解释 读取规则解释 1.阶码不全为0或全为1(规格化数) 2.阶码全为…

IDEA Maven项目如何引用本地jar包,并打包发布

jar包位于当前路径下的lib目录中 引入所需要的配置 查看当前jar包的相关信息 包的引入,需要使用到当前包的artifactId, groupId, version 需要到包的/META-INF/maven/ 下面的 pom.xml 文件里面找 在Maven构建项目时,生成的依赖包中的/META-INF/maven目录存放了一些…

3-4、继承性

语雀原文链接 文章目录 1、继承定义2、构造方法3、变量隐藏4、方法重写5、父子类的访问修饰符 1、继承定义 继承是类与类之间的一种关系继承的好处 子类拥有父类的所有属性和丰富(非private)减少代码冗余,实现代码重用 继承的语法&#xff…

【JUC】二十八、synchronized锁升级之偏向锁

文章目录 1、偏向锁出现的背景2、从共享对象的内存结构看偏向锁3、偏向锁的持有4、启动偏向锁5、sleep暂停来启动偏向锁6、偏向锁的撤销7、总体流程8、SinceJava15 偏向锁的废除 1、偏向锁出现的背景 如果一个线程连续几次抢到锁,仍然重复加锁解锁,就会…

Hive的几种排序方式、区别,使用场景

一、几种排序和区别 Hive 支持两种主要的排序方式:ORDER BY 和 SORT BY。除此之外,还有 DISTRIBUTE BY 和 CLUSTER BY 语句,它们也在排序和数据分布方面发挥作用。 1. ORDER BY ORDER BY 在 Hive 中用于对查询结果进行全局排序&#xff0…

论文分享 | NeurIPS 2023 使用大语言模型进行超参数优化

文章目录 一、前言二、主要内容1. 引言2. 方法3. 结果三、总结🍉 CSDN 叶庭云:https://yetingyun.blog.csdn.net/ 一、前言 Foundation Models for Decision Making Workshop at NeurIPS 2023:Using Large Language Models for Hyperparameter Optimization Insight:我们…

【深度学习】注意力机制(六)

本文介绍一些注意力机制的实现,包括MobileVITv1/MobileVITv2/DAT/CrossFormer/MOA。 【深度学习】注意力机制(一) 【深度学习】注意力机制(二) 【深度学习】注意力机制(三) 【深度学习】注意…

产品入门第三讲:Axure产品流程图绘制

📚📚 🏅我是默,一个在CSDN分享笔记的博主。📚📚 ​​​​​ 🌟在这里,我要推荐给大家我的专栏《Axure》。🎯🎯 🚀无论你是编程小白,还…

oracle的函数怎么用

目录 使用流程经典案例 使用流程 Oracle函数是一段可重用的代码,可以接受一个或多个参数并返回一个值。您可以使用Oracle函数来执行特定的计算、转换或查询操作,并将结果返回给调用程序。下面是使用Oracle函数的一些示例: 创建函数 CREATE…

精通Nginx(23)-Nginx Plus增强功能之负载均衡

Nginx作为开源版,提供大量的丰富功能,能满足大部分需要。Nginx Plus是Nginx的加强版,是在开源Nginx功能基础上,提供了许多适合生产环境的专业功能,包括高可用性、主动健康检查、DNS 系统发现、会话保持和 RESTful API等,但这些功能基本都需要收费。本文讲述这些增强功能。…

机器人行业数据闭环实践:从对象存储到 JuiceFS

JuiceFS 社区聚集了来自各行各业的前沿科技用户。本次分享的案例来源于刻行,一家商用服务机器人领域科技企业。 商用服务机器人指的是我们日常生活中常见的清洁机器人、送餐机器人、仓库机器人等。刻行采用 JuiceFS 来弥补对象存储性能不足等问题。 值得一提的是&am…

349. 两个数组的交集

题目描述 给定两个数组,编写一个函数来计算它们的交集。 示例 1: 输入: nums1 [1,2,2,1], nums2 [2,2] 输出: [2]示例 2: 输入: nums1 [4,9,5], nums2 [9,4,9,8,4] 输出: [9,4]说明: 输出结果中的每个元素一定是唯一的。我们可以不考虑输出结果的顺序。 解…