滑动条QSlider和QAbstractSlider的介绍和用法

简介: 滑动条QSlider的介绍和用法,其通过滑动来设置数值,也可以用于数值的输入。以及他们的基类QAbstractSlider的众多属性的详细讲解

本博文的简述or解决问题?

详情: 见简介


编程环境: win10 x64 专业版 1803

编程软件: Qt Creator 4.8.2 (Enterprise)Qt 5.9.8


运行效果:


滑动条QSlider:

QSliderQScrollBarQdial3个组件都从QAbstractSlider继承而来,有一些共有的属性。
QSlider是滑动的标尺型组件,滑动标尺上的一个滑块可以改变值。
基类QAbstractSlider的主要属性包括以下几种。

  • minimummaximum:设置输入范围的最小值和最大值,例如,用红、绿、蓝配色时,每
    种基色的大小范围是0~255,所以设置minimum为0,maximum为255。

  • singlestep:单步长,拖动标尺上的滑块,或按下左/右光标键时的最小变化数值。

  • pageStep:在Slider上输入焦点,按PgUpPgDn键时变化的数值。

  • value:组件的当前值,拖动滑块时自动改变此值,并限定在minimummaximum定义的
    范围之内。

  • 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,则按下PgUpPgDn按键时调整数值的反向相反。

  • 属于QSlider的专有属性有两个,如下。

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

    枚举含义
    QSlider::NoTicks不显示刻度
    QSlider::TicksBothSides标尺两侧都显示刻度
    QSlider::TicksAbove标尺上方显示刻度
    QSlider::TicksBelow标尺下方显示刻度
    QSlider::TicksLeft标尺左侧显示刻度
    QSlider::TicksRight标尺右侧显示刻度
  • ticklnterval:标尺刻度的间隔值,若设置为0,会在singleSteppageStep之间自动选择。


部分源码:

//设置QSlider的最大值为255  (默认范围为0~100)
ui->sliderRed->setMaximum(255);
ui->sliderGreen->setMaximum(255);
ui->sliderBlue->setMaximum(255);
ui->sliderAlpha->setMaximum(255);

//初始化QTextEdit的颜色 (否则默认就是白灰色)
QColor color;
color.setRgb(145, 190, 251, 255);
QPalette palette = ui->textColour->palette();
palette.setColor(QPalette::Base, color);
ui->textColour->setPalette(palette);

//连接信号与槽,多个信号,对应一个槽函数
connect(ui->sliderRed, SIGNAL(valueChanged(int)), this, SLOT(onSetClolor(int)));
connect(ui->sliderGreen, SIGNAL(valueChanged(int)), this, SLOT(onSetClolor(int)));
connect(ui->sliderBlue, SIGNAL(valueChanged(int)), this, SLOT(onSetClolor(int)));
connect(ui->sliderAlpha, SIGNAL(valueChanged(int)), this, SLOT(onSetClolor(int)));

----------------------------------------------------------------------------------

int nRed = ui->sliderRed->value();             //获取红绿蓝(RGB)的Slider的数值
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->textColour->palette();   //获取textColour控件的所有颜色值(调色板)
palette.setColor(QPalette::Base, color);        //设置textColou的某一角色(即控件)的颜色
ui->textColour->setPalette(palette);

ui->labRgbVal->setText(QString("RGB(%1, %2, %3, %4)").arg(nRed).arg(nGreen).arg(nBlue).arg(nAlpha));   //时刻显示RGBa的具体值

源码下载:

https://github.com/xmuli/QtExamples【QtQSliderEx】


开心分享:

因为有着许许多多的热心网友的无私分享,从他们的博客中学习成长,学会很多,故也不辞辛苦也将自己的项目或经验整理成博客的形式,也提供给一起大家学习探讨与交流

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
©️2022 CSDN 皮肤主题:猿与汪的秘密 设计师:我叫白小胖 返回首页

打赏作者

偕臧x

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

¥2 ¥4 ¥6 ¥10 ¥20
输入1-500的整数
余额支付 (余额:-- )
扫码支付
扫码支付:¥2
获取中
扫码支付

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

打赏作者

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

抵扣说明:

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

余额充值