QT Review之 QSlider（滑块）

最新推荐文章于 2024-08-03 11:18:06 发布

SmallMouseAA

最新推荐文章于 2024-08-03 11:18:06 发布

阅读量1k

点赞数

分类专栏： QT 文章标签： qt ui 开发语言

本文链接：https://blog.csdn.net/m0_67623521/article/details/129643749

版权

QT 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

QTQSlider是Qt库中的滑块组件，用于用户交互式地选取有界值。它具有设置最小值、最大值、单步长和页面步长等功能。文章提供了一个实验案例，展示如何在GUI中应用QSlider来控制颜色选择，通过连接信号和槽函数实现实时颜色更新。此外，还介绍了滑块的方向、反向显示和控制以及刻度显示等属性。

摘要由CSDN通过智能技术生成

QT QSlider

是什么

滑块是控制有界值的经典小部件。它允许用户沿着水平或垂直槽移动滑块手柄，并将手柄的位置转换为合法范围内的整数值。

QSlider 自己的功能很少，大部分功能都继承于 QAbstractSlider。最常用的函数是 setValue () ，它可以将滑块直接设置为某个值; triggerAction ()可以模拟单击的效果(对快捷键有用) ;setSingleStep ()，setPageStep ()可以设置步骤; setMinimum()和 setMaximum()可以定义滚动条的范围。

实验案例

欢迎大家star：

QTStudy/QTReviewQSlider at main · allenmirac/QTStudy · GitHub

怎么用

继承的属性：

minimum、maximum：设置输入范围的最小值和最大值，例如，用红、绿、蓝配色时，每种基色的大小范围是0~255，所以设置minimum为0，maximum为255。
singlestep:单步长，拖动标尺上的滑块，或按下左/右光标键时的最小变化数值。
pageStep:在Slider上输入焦点，按PgUp或PgDn键时变化的数值。
value：组件的当前值，拖动滑块时自动改变此值，并限定在minimum和maximum定义的范围之内。
sliderPosition:滑块的位置，若tracking属性设置为true，sliderPosition就等于value。
tracking：sliderPosition是否等同于value，如果tracking=true，改变value时也同时改变 sliderPosition。
orientation: Slider的方向，可以设置为水平或垂直。方向参数是Qt的枚举类型enum
Qt::Orientation：取值包括以下两种。

枚举含义
Qt::Horizontal 水平方向
Qt::Vertical 垂直方向
invertedAppearance:显示方式是否反向，invertedAppearance=false时，水平的Slider由左向右数值增大，否则反过来。
invertedControls：反向按键控制，若invertedControls=true，则按下PgUp或PgDn按键时调整数值的反向相反。
属于QSlider的专有属性有两个，如下：

枚举	含义
Qt::Horizontal	水平方向
Qt::Vertical	垂直方向

tickPosition:标尺刻度的显示位置，使用枚举类型QSlider:TickPosition，取值包括以下6种

枚举	含义
QSlider::NoTicks	不显示刻度
QSlider::TicksBothSides	标尺两侧都显示刻度
QSlider::TicksAbove	标尺上方显示刻度
QSlider::TicksBelow	标尺下方显示刻度
QSlider::TicksLeft	标尺左侧显示刻度
QSlider::TicksRight	标尺右侧显示刻度

ticklnterval：标尺刻度的间隔值，若设置为0，会在singleStep和pageStep之间自动选择。

案例

 #include "exqslider.h"
 #include "ui_exqslider.h"
 
 ExQSlider::ExQSlider(QWidget *parent)
     : QWidget(parent)
     , ui(new Ui::ExQSlider)
 {
     ui->setupUi(this);
     setWindowTitle(QString("QSlider的用法"));
 
     //QSlider控件，设置最大值为255,初始范围是0-100;
     ui->sliderRed->setMaximum(255);
     ui->sliderGreen->setMaximum(255);
     ui->sliderBlue->setMaximum(255);
     ui->sliderAlpha->setMaximum(255);
 
     //QSlider控件，设置初值
     ui->sliderRed->setValue(145);
     ui->sliderGreen->setValue(190);
     ui->sliderBlue->setValue(251);
     ui->sliderAlpha->setValue(255);
 
     //QTextEdit控件，设置初试颜色
     QColor color;
     color.setRgb(145, 190, 251, 255);
     QPalette palette = ui->textColor->palette();//拿到调色板
     palette.setColor(QPalette::Base, color);    //设置背景颜色
     ui->textColor->setPalette(palette);
 
     connect(ui->sliderRed, &QSlider::valueChanged, this, &ExQSlider::onSetColor);
     connect(ui->sliderGreen, &QSlider::valueChanged, this, &ExQSlider::onSetColor);
     connect(ui->sliderBlue, &QSlider::valueChanged, this, &ExQSlider::onSetColor);
     connect(ui->sliderAlpha, &QSlider::valueChanged, this, &ExQSlider::onSetColor);
 }
 
 ExQSlider::~ExQSlider()
 {
     delete ui;
 }
 
 void ExQSlider::onSetColor(int val){
     Q_UNUSED(val);
 
     int nRed = ui->sliderRed->value();
     int nGreen = ui->sliderGreen->value();
     int nBlue = ui->sliderBlue->value();
     int nAlpha = ui->sliderAlpha->value();
 
     QColor color;
     color.setRgb(nRed, nGreen, nBlue, nAlpha);
     QPalette palette = ui->textColor->palette();
     palette.setColor(QPalette::Base, color);
     ui->textColor->setPalette(palette);
 
     ui->labRGBVal->setText(QString("RGB(%1, %2, %3, %4)").arg(nRed).arg(nGreen).arg(nBlue).arg(nAlpha));
 
 }