QT QSpinBox 整数计数器控件使用详解

news2024/9/26 1:17:31

本文详细的介绍了QSpinBox控件的各种操作，例如：获取数值、设置前后缀、设置最大/小值、进制转换、关联信号槽、优化信号、QSS优化、文件源码、样式表、效果：可以设置背景、边框、向上按钮、向下按钮等等操作。

本文作者原创，转载请附上文章出处与本文链接。

QT QSpinBox 整数计数器控件(使用详解)目录

1 新建界面

2 获取数值

3 设置前后缀

4 设置最大/小值

5 进制转换

6 关联信号槽

7 优化信号

8 QSS优化

9 main.cpp

10 mainwindow.h

11 mainwindow.cpp

12 样式表

13 扩展链接

14 其它文章：

1 新建界面

新建一个测试项目，修改界面添加 QSpinBox 控件，添加几个按钮

2 获取数值

主要用到了 value() 函数

/* 获取数值 */
void MainWindow::on_pushButton_clicked()
{
    QMessageBox::information(this,"提示",QString::number(ui->spinBox->value()));
}

3 设置前后缀

主要用到了 setPrefix() setSuffix() 函数, 设置完前缀后缀之后调整数字前后缀都有，需要取消则赋NULL

/* 设置前缀 */
void MainWindow::on_pushButton_2_clicked()
{
    ui->spinBox->setPrefix(ui->lineEdit->text());              //设置前缀
}

/* 设置后缀 */
void MainWindow::on_pushButton_3_clicked()
{
    ui->spinBox->setSuffix(ui->lineEdit->text());              //设置后缀
}

4 设置最大/小值

主要用到了 setMaximum() setMinimum() 函数

/* 设置最大值 */
void MainWindow::on_pushButton_4_clicked()
{
    ui->spinBox->setMaximum(ui->lineEdit_2->text().toInt());
}

/* 设置最小值 */
void MainWindow::on_pushButton_5_clicked()
{
    ui->spinBox->setMinimum(ui->lineEdit_2->text().toInt());
}

5 进制转换

主要用到了 setDisplayIntegerBase() 函数

/* 进制转换 */
void MainWindow::on_pushButton_6_clicked()
{
    ui->spinBox_2->setDisplayIntegerBase(2);
    ui->spinBox_2->setValue(ui->spinBox->value());
    ui->spinBox_3->setDisplayIntegerBase(16);
    ui->spinBox_3->setValue(ui->spinBox->value());
}

6 关联信号槽

关联信号槽控件的每次响应都会发出信号

void slotSpinBox();

connect(ui->spinBox, SIGNAL(valueChanged(int)), this, SLOT(slotSpinBox()));

/* 槽函数 */
void MainWindow::slotSpinBox()
{
    QMessageBox::information(this,"提示",QString::number(ui->spinBox->value()));
}

7 优化信号

步骤5中，如果要输入50，第一次变动会弹出5，加完0后会弹出50

ui->spinBox->setKeyboardTracking(false);

加入效果：

不加入效果：

8 QSS优化

效果：可以设置背景、边框、向上按钮、向下按钮

9 main.cpp

/******************************************************************************
 * Copyright CSDN 双子座断点 Co., Ltd.
 * Copyright www.dreambeging.vip Co., Ltd.
 * All right reserved. See COPYRIGHT for detailed Information.
 *
 * @file       main.cpp
 * @project    QSpinBox_test
 * @version    V 1.0
 *
 * @author     断点<dream.2017@qq.com>
 * @date       2022/12/2
 * @history
 *****************************************************************************/

#include "mainwindow.h"

#include <QApplication>
#include <QFile>

int main(int argc, char *argv[])
{
    QApplication a(argc, argv);
    MainWindow w;

    QString qss;
    QFile qssFile("D:/PNG/myqss.qss");
    qssFile.open(QFile::ReadOnly);

    if(qssFile.isOpen())
    {
        qss = QLatin1String(qssFile.readAll());
        qApp->setStyleSheet(qss);
        qssFile.close();
    }
    w.show();
    return a.exec();
}

10 mainwindow.h

/******************************************************************************
 * Copyright CSDN 双子座断点 Co., Ltd.
 * Copyright www.dreambeging.vip Co., Ltd.
 * All right reserved. See COPYRIGHT for detailed Information.
 *
 * @file       mainwindow.h
 * @project    QSpinBox_test
 * @version    V 1.0
 *
 * @author     断点<dream.2017@qq.com>
 * @date       2022/12/2
 * @history
 *****************************************************************************/

    #ifndef MAINWINDOW_H
#define MAINWINDOW_H

#include <QMainWindow>
#include <QMessageBox>

#pragma execution_character_set("utf-8")

QT_BEGIN_NAMESPACE
namespace Ui { class MainWindow; }
QT_END_NAMESPACE

class MainWindow : public QMainWindow
{
    Q_OBJECT

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

    QString QSpinBox_Title;
    QString QSpinBox_Version;
    QString QSpinBox_BlogText;

private slots:
    void on_pushButton_clicked();

    void on_pushButton_2_clicked();

    void on_pushButton_3_clicked();

    void on_pushButton_4_clicked();

    void on_pushButton_5_clicked();

    void on_pushButton_6_clicked();

    void slotSpinBox();
private:
    Ui::MainWindow *ui;


};
#endif // MAINWINDOW_H

11 mainwindow.cpp

/******************************************************************************
 * Copyright CSDN 双子座断点 Co., Ltd.
 * Copyright www.dreambeging.vip Co., Ltd.
 * All right reserved. See COPYRIGHT for detailed Information.
 *
 * @file       mainwindow.cpp
 * @project    QSpinBox_test
 * @version    V 1.0
 *
 * @author     断点<dream.2017@qq.com>
 * @date       2022/12/2
 * @history
 *****************************************************************************/

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

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

    QSpinBox_Title = "QSpinBox CSDN 双子座断点 ";
    QSpinBox_Version = "V 1.0 ";
    QSpinBox_BlogText = "https://blog.csdn.net/qq_37529913?type=lately/";
    setWindowTitle(QSpinBox_Title + QSpinBox_Version + QSpinBox_BlogText);

    //ui->spinBox->setKeyboardTracking(false);
    connect(ui->spinBox, SIGNAL(valueChanged(int)), this, SLOT(slotSpinBox()));

}

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

/* 槽函数 */
void MainWindow::slotSpinBox()
{
    //QMessageBox::information(this,"提示",QString::number(ui->spinBox->value()));
}

/* 获取数值 */
void MainWindow::on_pushButton_clicked()
{
    QMessageBox::information(this,"提示",QString::number(ui->spinBox->value()));
}


/* 设置前缀 */
void MainWindow::on_pushButton_2_clicked()
{
    ui->spinBox->setPrefix(ui->lineEdit->text());
}

/* 设置后缀 */
void MainWindow::on_pushButton_3_clicked()
{
    ui->spinBox->setSuffix(ui->lineEdit->text());
}

/* 设置最大值 */
void MainWindow::on_pushButton_4_clicked()
{
    ui->spinBox->setMaximum(ui->lineEdit_2->text().toInt());
}

/* 设置最小值 */
void MainWindow::on_pushButton_5_clicked()
{
    ui->spinBox->setMinimum(ui->lineEdit_2->text().toInt());
}

/* 进制转换 */
void MainWindow::on_pushButton_6_clicked()
{
    ui->spinBox_2->setDisplayIntegerBase(2);
    ui->spinBox_2->setValue(ui->spinBox->value());
    ui->spinBox_3->setDisplayIntegerBase(16);
    ui->spinBox_3->setValue(ui->spinBox->value());
}