当前位置：首页 > news >正文

【QT】Qt常用数值输入和显示控件

news 来源：原创 2024/9/29 15:20:28

1.QAbstractslider

1.1主要属性

2.QSlider

2.1专有属性

2.2 常用函数

3.QScrollBar

4.QProgressBar

5.QDial

6.QLCDNumber

7.上述控件应用示例

1.QAbstractslider

1.1主要属性

QSlider、QScrollBar和Qdial3个组件都从QAbstractSlider继承而来，有一些共有的属性。 QSlider是滑动的标尺型组件，滑动标尺上的一个滑块可以改变值。

基类QAbstractslider的主要属性包括以下几种。

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。

tracking属性默认设置为true ，当打开的时候，发现滑块在拖动滑块时发出valueChanged()信号。当关闭之后就会发现滑块仅在用户释放滑块时才发出valueChanged()信号。有时候在视频播放的时候，会在进度测试时需要使用此功能。

orientation：Slider的方向，可以设置为水平或垂直。方向参数是Qt的枚举类型enum Qt::Orientation，取值包括以下两种。 Qt::Horizontal水平方向； Qt::Vertical垂直方向。
invertedAppearance：显示方式是否反向，invertedAppearance=false时，水平的Slider由左向右数值增大，否则反过来。
invertedControls：反向按键控制，若invertedControls=true，则按下PgUp或PgDn按键时调整数值的反向相反。

是否反转其滚轮和按键事件。

如果为 false，则向上滚动鼠标滚轮或使用向上翻页等键会将值增加到最大值。

如果为 true，则向上滚动鼠标滚轮或使用向上翻页等键会将值减小到最小值。

1.2 成员函数

【信号】void actionTriggered(int action)

当滑块动作动作被触发时会发出这个信号。动作包括：

SliderNoAction

SliderSingleStepAdd

SliderSingleStepSub

SliderPageStepAdd

SliderPageStepSub

SliderToMinimum

SliderToMaximum

SliderMove

当信号发出时，sliderPosition 已经根据动作进行了调整，但是 value 还没有被传播（意味着 valueChanged() 信号还没有发出），视觉显示还没有更新。因此，在连接到此信号的槽中，可以根据动作和滑块的值自己调用 setSliderPosition() 来安全地调整任何动作。

void triggerAction(QAbstractSlider::SliderAction action)

触发滑块动作。

【信号】void rangeChanged(int min, int max)

当滑块范围发生变化时会发出此信号，min 是新的最小值，max 是新的最大值。

void setRange(int min, int max)

将滑块的最小值设置为 min，将其最大值设置为 max。

void QAbstractSlider::setRange(int min,int max)

{

Q_D(QAbstractSliimder)

   int oldMin = d->minimum;

   int oldMax = d->maximum;

d->minimum = min;

d->maximum = qMax(min,max);

   if(oldMin!=d->minimum || oldMax != d->maximum)

   {

   sliderChange(SliderRangeChange);

      emit rangeChanged(d->minmum,d->maximum);

              setValue(d->value);

   }

}

【信号】void sliderMoved(int value)

当 sliderDown 为true并且滑块移动时发出此信号。这通常发生在用户拖动滑块时。value 是新的滑块位置。即使 tracking 为 false 也会发出此信号。

【信号】void sliderPressed()

此信号在用户使用鼠标按下滑块时、在调用 setSliderDown(true) 时发出。

【信号】void sliderReleased()

当用户使用鼠标释放滑块时、在调用 setSliderDown(false) 时发出此信号。

【信号】void valueChanged(int value)

当 value 发生变化时会发出此信号，并将新滑块值作为参数。

void setRepeatAction(QAbstractSlider::SliderAction action，int thresholdTime = 500，int repeatTime = 50)

在 thresholdTime 的初始延迟之后，将 action 操作设置为以 repeatTime 的间隔重复触发。

QAbstractSlider::SliderAction repeatAction()

返回当前的重复动作。

void sliderChange(QAbstractSlider::SliderChange change)

重新实现此虚函数以跟踪滑块更改。

SliderRangeChange

SliderOrientationChange

SliderStepsChange

SliderValueChange

2.QSlider

2.1专有属性

属于QSlider的专有属性有两个，如下:

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

QSlider::NoTicks  不显示刻度

QSIider::TicksBothSides 标尺两侧都显示刻度

QSlide::TicksAbove  标尺上方显示刻度

QSlider::TicksBelow  标尺下方显示刻度

QSlide::TicksLeft  标尺左侧显示刻度

QSlider::TicksRight  标尺右侧显示刻度

ticklnterval：

标尺刻度的间隔值，这是一个值间隔，而不是像素间隔。若设置为0，会在singlestep和pagestep之间自动选择。默认值为0。

2.2 常用函数

void initStyleOption(QStyleOptionSlider *option)

使用此 QSlider 中的值初始化选项。当子类需要一个 QStyleOptionSlider 但又不想自己填写所有信息时，此方法很有用。

setTickInterval(ti)：此属性保存刻度线之间的间隔。这是一个值间隔，而不是像素间隔。如果为0，则滑块将在singleStep和pageStep之间进行选择。默认值为0。
setTickPosition(position)：此属性保存此滑块的刻度线位置。有效值由TickPosition枚举描述。默认值为NoTicks。

3.QScrollBar

QScrollBar：卷滚条，与QSlider功能类似，还可以用于卷滚区域。

QScrollBar从QAbstractSlider继承而来的，具有QAbstractSlider的基本属性，没有专有属性。

4.QProgressBar

QProgressBar：进度条，其父类是QWidget,一般用于显示任务进度，可用于数值的百分比显示。常用属性如下。

minimum、maximum：最小值和最大值。
value：当前值，可以设定或读取当前值。
textVisibIe:是否显示文字，文字一般是百分比表示的进度。
orientation：可以设置为水平或垂直方向。
format：显示文字的格式，“%p%"显示百分比，"%v”显示当前值，"%m”显示总步数。
缺省为"%p%"。

5.QDial

QDial：表盘式数值输入组件，通过转动表针获得输入值。QDial的特有的属性包括以下两种。

notchesVisible：表盘的小刻度是否可见。
notchTarget：表盘刻度间的间隔像素值。

6.QLCDNumber

QLCDNumber：模仿LCD数字的显示组件，可以显示整数或浮点数，显示整数时可以不

同进制显示。但就如实际的LCD一样，要设定显示数字的个数。显示整数时，还可以选择以不同进制来显示，如十进制、二进制、十六进制。其主要属性如下。

digitcount：显示的数的位数，如果是小数，小数点也算一个数位。
smallDecimalPoint：是否有小数点，如果有小数点，就可以显示小数。
mode：数的显示进制，通过调用函数setDecMode()、setBinMode()、setOctMode()、
setHexMode()可以设置为常用的十进制、二进制、八进制、十六进制格式。
value：返回显示值，浮点数。若设置为显示整数，会自动四舍五入后得到整数，设置为
intvalue的值。如果smallDecimalPoint=true，设置value时可以显示小数，但是数的位数
不能超过digitCount。
intvalue：返回显示的整数值。

例如，若smallDecimaIPoint=true，digitCount=3，设置value=2．36，则界面上LCDNumber组

件会显示为2，4；若设置value=1456．25，则界面上LCDNumber组件只会显示145。所以，用

QLCDNumber作为显示组件时，应注意这些属性的配合。

7.上述控件应用示例

（1）main.cpp文件

#include "widget.h"
#include <QApplication>int main(int argc, char *argv[])
{QApplication a(argc, argv);Widget w;w.show();return a.exec();
}

（2）widget.h文件

#ifndef WIDGET_H
#define WIDGET_H#include <QWidget>namespace Ui {
class Widget;
}class Widget : public QWidget
{Q_OBJECTpublic:explicit Widget(QWidget *parent = 0);~Widget();private slots:void on_SliderV_valueChanged(int value);void on_dial_valueChanged(int value);void on_radioBtnDec_clicked(); //设置LCD显示十进制void on_radioBtnBin_clicked();//设置LCD显示二进制void on_radioBtnOct_clicked();//设置LCD显示八进制void on_radioBtnHex_clicked();//设置LCD显示十六进制void on_SliderH_valueChanged(int value);void on_ScrollBarV_sliderMoved(int position);void on_ScrollBarH_sliderMoved(int position);void on_SliderRed_valueChanged(int value); // Slidered的valueChanged()信号的响应//    void on_ScrollBarH_valueChanged(int value);private:Ui::Widget *ui;
};#endif // WIDGET_H

（3）widget.cpp文件

#include "widget.h"
#include "ui_widget.h"#include    <QString>
#include    <QPalette>Widget::Widget(QWidget *parent) :QWidget(parent),ui(new Ui::Widget)
{ui->setupUi(this);this->setLayout(ui->horizontalLayout);  //设置窗口的主布局组件QObject::connect(ui->SliderGreen,SIGNAL(valueChanged(int)),  //关联 SliderGreen 的valueChanged()this,SLOT(on_SliderRed_valueChanged(int)));QObject::connect(ui->SliderBlue,SIGNAL(valueChanged(int)), //关联 SliderBlue的valueChanged()this,SLOT(on_SliderRed_valueChanged(int)));QObject::connect(ui->SliderAlpha,SIGNAL(valueChanged(int)),  //关联 SliderAlpha的valueChanged()this,SLOT(on_SliderRed_valueChanged(int)));
}Widget::~Widget()
{delete ui;
}void Widget::on_SliderV_valueChanged(int value)
{ui->progBarV->setValue(value);ui->ScrollBarV->setValue(value);//    ui->progBarH->setValue(value);
}//void Widget::on_btnIniItems_clicked()
//{
//    int i, cnt=20;QString str;
//    ui->cBoxTest->clear();
//    for (i=0;i<cnt;i++)
//    {str=QString::asprintf("Item %d",i);
//        ui->cBoxTest->addItem(QString::asprintf("Item %d",i));
//    }
//}//void Widget::on_btnClearItems_clicked()
//{
//    ui->cBoxTest->clear();
//}//void Widget::on_cBoxTest_currentIndexChanged(const QString &arg1)
//{
//    ui->LabCurText->setText("当前选择项："+arg1);
//}//void Widget::on_chkBoxEditable_clicked(bool checked)
//{
//    ui->cBoxTest->setEditable(checked);
//}//转动表盘，获得的值显示在LCD组件中。
void Widget::on_dial_valueChanged(int value)
{  //设置LCD的显示值等于Dial的值ui->LCDDisplay->display(value);
}//单击“LCD显示进制”的RadioButton时，设置LCD的显示进制。
void Widget::on_radioBtnDec_clicked()
{ //设置LCD显示十进制数ui->LCDDisplay->setDigitCount(3);//显示数的位数ui->LCDDisplay->setDecMode();//显示进制数
}void Widget::on_radioBtnBin_clicked()
{ //设置LCD显示二进制数ui->LCDDisplay->setDigitCount(8);ui->LCDDisplay->setBinMode();
}void Widget::on_radioBtnOct_clicked()
{ //设置LCD显示八进制数ui->LCDDisplay->setDigitCount(4);ui->LCDDisplay->setOctMode();
}void Widget::on_radioBtnHex_clicked()
{ //设置LCD显示十六进制数ui->LCDDisplay->setDigitCount(3);ui->LCDDisplay->setHexMode();
}void Widget::on_SliderH_valueChanged(int value)
{//QProgressBar组件、QScrollBar组件随QSlider的值变化而变化ui->progBarH->setValue(value); ui->ScrollBarH->setValue(value);
}void Widget::on_ScrollBarV_sliderMoved(int position)
{//QProgressBar组件使用    ui->progBarV->setValue(position);
}void Widget::on_ScrollBarH_sliderMoved(int position)
{//QProgressBar组件使用   ui->progBarH->setValue(position);
}
//使用4个滑动条输入红、绿、蓝三色和Alpha值，然后合成颜色，作为一个QTextEdit组件的底色。
void Widget::on_SliderRed_valueChanged(int value)
{  //拖动Red、Green、Blue 颜色滑动条时设置textEdit的底色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;QPalette pal=ui->textEdit->palette();//获取textEdit原有的 palettepal.setColor(QPalette::Base,color); //设置palette的基色（即背景色）ui->textEdit->setPalette(pal);//设置为textEdit的palette,改变textEdit的底色
}

（4）widget.ui文件

（5）运行界面