基于QML的QSpinBox与QSlider控件同步

最新推荐文章于 2025-04-20 01:57:14 发布

原创最新推荐文章于 2025-04-20 01:57:14 发布 · 384 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#ui #qt #开发语言

QT编程专栏收录该内容

148 篇文章

订阅专栏

本文介绍了如何在Qt环境中创建一个QtWidgetsApplication工程，并使用QML设计界面，将QSpinBox、QSlider和QVBoxLayout控件进行布局。接着，设置了窗口标题和控件的默认值，并通过信号槽机制实现了QSpinBox与QSlider之间值的同步更新，确保用户在任一控件中更改值时，其他控件会相应地更新显示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.创建Qt Widgets Application工程

2.编辑.ui文件打开QML设计界面

3.向设计界面拖放QSpinBox,QSlider,QVBoxLayout控件如下

4.修改窗口标题

 this->setWindowTitle("基于QML的QSpinBox与QSlider控件同步");

5.修改控件默认值

 ui->spinBox->setRange(0,100);
    ui->horizontalSlider->setRange(0,100);
    ui->verticalSlider->setRange(0,100);

6.关联控件信号

 //关联控件之间信号
    connect(ui->spinBox,SIGNAL(valueChanged(int)),ui->horizontalSlider,SLOT(setValue(int)));
    connect(ui->spinBox,SIGNAL(valueChanged(int)),ui->verticalSlider,SLOT(setValue(int)));
    connect(ui->horizontalSlider,SIGNAL(valueChanged(int)),ui->spinBox,SLOT(setValue(int)));
    connect(ui->verticalSlider,SIGNAL(valueChanged(int)),ui->spinBox,SLOT(setValue(int)));

演示效果

完整源码

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

MainWindow::MainWindow(QWidget *parent)
    : QMainWindow(parent)
    , ui(new Ui::MainWindow)
{
    ui->setupUi(this);//任何通过代码修改UI界面值必须在调用setupUi之后，不然不会生效
    this->setWindowTitle("基于QML的QSpinBox与QSlider控件同步");
    ui->spinBox->setRange(0,100);
    ui->horizontalSlider->setRange(0,100);
    ui->verticalSlider->setRange(0,100);

    //关联控件之间信号
    connect(ui->spinBox,SIGNAL(valueChanged(int)),ui->horizontalSlider,SLOT(setValue(int)));
    connect(ui->spinBox,SIGNAL(valueChanged(int)),ui->verticalSlider,SLOT(setValue(int)));
    connect(ui->horizontalSlider,SIGNAL(valueChanged(int)),ui->spinBox,SLOT(setValue(int)));
    connect(ui->verticalSlider,SIGNAL(valueChanged(int)),ui->spinBox,SLOT(setValue(int)));

    //设置默认值
    ui->spinBox->setValue(20);

}

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