开源 C++ QT Widget 开发(二)基本控件应用

文章的目的为了记录使用C++ 进行QT Widget 开发学习的经历。临时学习,完成app的开发。开发流程和要点有些记忆模糊,赶紧记录,防止忘记。

相关链接:

开源 C++ QT Widget 开发(一)工程文件结构-CSDN博客

开源 C++ QT Widget 开发(二)基本控件应用-CSDN博客

推荐链接:

开源 java android app 开发(一)开发环境的搭建-CSDN博客

开源 java android app 开发(二)工程文件结构-CSDN博客

开源 java android app 开发(三)GUI界面布局和常用组件-CSDN博客

开源 java android app 开发(四)GUI界面重要组件-CSDN博客

开源 java android app 开发(五)文件和数据库存储-CSDN博客

开源 java android app 开发(六)多媒体使用-CSDN博客

开源 java android app 开发(七)通讯之Tcp和Http-CSDN博客

开源 java android app 开发(八)通讯之Mqtt和Ble-CSDN博客

开源 java android app 开发(九)后台之线程和服务-CSDN博客

开源 java android app 开发(十)广播机制-CSDN博客

开源 java android app 开发(十一)调试、发布-CSDN博客

开源 java android app 开发(十二)封库.aar-CSDN博客

推荐链接:

开源C# .net mvc 开发(一)WEB搭建_c#部署web程序-CSDN博客

开源 C# .net mvc 开发(二)网站快速搭建_c#网站开发-CSDN博客

开源 C# .net mvc 开发(三)WEB内外网访问(VS发布、IIS配置网站、花生壳外网穿刺访问)_c# mvc 域名下不可訪問內網,內網下可以訪問域名-CSDN博客

开源 C# .net mvc 开发(四)工程结构、页面提交以及显示_c#工程结构-CSDN博客

开源 C# .net mvc 开发(五)常用代码快速开发_c# mvc开发-CSDN博客

本章主要内容:演示使用了全局变量和过时的信号槽语法。实现了多种UI控件的交互功能,特别是定时器驱动的进度条更新功能。

1.基本介绍

2.源码分析

3.所有源码

4.演示效果

一、基本介绍

Qt Widgets 是一个强大的框架,用于创建图形用户界面(GUI)应用程序。Qt Widgets 提供了一系列预定义的控件和布局管理器,使得开发者可以轻松地设计出美观且功能丰富的用户界面。这些控件包括按钮、文本框、滑块、列表、菜单等,几乎可以满足所有常见的GUI设计需求。

QT是使用的5.14.2,安装程序很简单,不再详述。

工程功能分析

  1. 定时器功能

自动启动:程序启动时定时器自动开始,每秒触发一次

进度条更新:每次定时器超时,进度条值增加1

问题:进度条会一直增加到255(uint8_t最大值)然后溢出

  1. UI控件交互

pushButton:点击时计数器增加并在lineEdit中显示

radioButton:显示"选中/取消"状态

checkBox:同样显示"选中/取消"状态

comboBox:将选择项显示在lineEdit中

listWidget:点击项时在textEdit中显示内容

  1. 界面组件推断

基于代码可以推断UI包含:

lineEdit:文本框,显示各种状态

textEdit:多行文本框,显示列表选择

progressBar:进度条,由定时器驱动

pushButton、radioButton、checkBox、comboBox、listWidget

二、源码分析

2.1 控制值得设置,使用ui 输入 -> 连接符 会出现 界面的控件,选择控件后,调用setText方法,就可以设置控件的显示值。

2.2 槽函数有多种连接形式

1)选中控件,右键选中 "转到槽"

mainwindow.h会自动生成槽函数

在on_pushButton_clicked()中,进行函数处理即可,其中pushButton为控件的名称,自动生成槽函数都是按这个规则 on + 控件名 + 动作

2)更新信号槽

在mainwindow.h中先进行定时器信号槽的声明

把定时器的时间到的信号,与event_tmr函数连接

最后填入event_tmr槽函数的处理

三、所有源码

3.1 mainwindow.h

复制代码
#ifndef MAINWINDOW_H
#define MAINWINDOW_H


#include <QListWidget>
#include <QMainWindow>


namespace Ui {
class MainWindow;
}

class MainWindow : public QMainWindow
{
    Q_OBJECT

public:
    explicit MainWindow(QWidget *parent = 0);
    ~MainWindow();
    QTimer *myTmr;
private slots:
    void on_pushButton_clicked();

    void on_radioButton_clicked();

    void on_checkBox_clicked();

    void on_comboBox_activated(const QString &arg1);

    void on_btnTmrStart_clicked();

    void event_tmr();
    void on_listWidget_itemClicked(QListWidgetItem *item);

private:
    Ui::MainWindow *ui;
};

#endif // MAINWINDOW_H

3.2 mainwindow.cpp

复制代码
#include "mainwindow.h"
#include "ui_mainwindow.h"
#include <string.h>
#include "QTimer"
uint8_t ucCnt=0;
uint8_t ucCntTmr=0;
MainWindow::MainWindow(QWidget *parent) :
    QMainWindow(parent),
    ui(new Ui::MainWindow)
{
    ui->setupUi(this);
    /*******定时器设置***************/
    myTmr =new QTimer(this);
    connect(myTmr, &QTimer::timeout, this, &MainWindow::event_tmr);
    myTmr->start(1000);
}

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

void MainWindow::on_pushButton_clicked()
{
    QString a;

    ucCnt++;
    a=QString::number(ucCnt);
    ui->lineEdit->setText(a);



}

void MainWindow::on_radioButton_clicked()
{
    bool BFlg = ui->radioButton->isChecked();
    if(BFlg ==true)
    {
        ui->lineEdit->setText("选中");
    }
    else
    {
        ui->lineEdit->setText("取消");
    }
}

void MainWindow::on_checkBox_clicked()
{
    bool BFlg = ui->checkBox->isChecked();
    if(BFlg ==true)
    {
        ui->lineEdit->setText("选中");
    }
    else
    {
        ui->lineEdit->setText("取消");
    }
}

void MainWindow::on_comboBox_activated(const QString &arg1)
{
    ui->lineEdit->setText(arg1);
}


void MainWindow::on_btnTmrStart_clicked()
{


}
void MainWindow::event_tmr()
{


    ucCntTmr++;
    if(ucCntTmr>90)ucCntTmr=0;

    ui->progressBar->setValue(ucCntTmr);
}


void MainWindow::on_listWidget_itemClicked(QListWidgetItem *item)
{
    if (item) {
            QString text = item->text();



            // 方法2:在lineEdit中显示
            ui->textEdit->setText("选中: " + text);

            // 方法3:显示消息框(可选)
            // QMessageBox::information(this, "选中项", "您选择了: " + text);
        }
}

四、显示效果

相关推荐
聆风吟º1 小时前
CANN开源项目深度实践:基于amct-toolkit实现自动化模型量化与精度保障策略
运维·开源·自动化·cann
冬奇Lab3 小时前
一天一个开源项目(第15篇):MapToPoster - 用代码将城市地图转换为精美的海报设计
python·开源
大大大反派5 小时前
CANN 生态未来展望:统一框架 `CANN Unified` 与开源协同演进
开源
酷酷的崽7986 小时前
CANN 开源生态实战:端到端构建高效文本分类服务
分类·数据挖掘·开源
晚霞的不甘6 小时前
CANN 在工业质检中的亚像素级视觉检测系统设计
人工智能·计算机视觉·架构·开源·视觉检测
爱吃烤鸡翅的酸菜鱼7 小时前
CANN ops-nn激活函数与池化算子深度解析
网络·开源·aigc
ujainu7 小时前
CANN仓库中的AIGC可持续演进工程:昇腾AI软件栈如何构建“活”的开源生态
人工智能·开源·aigc
酷酷的崽7987 小时前
深度解析 CANN 开源项目:以 `ops-transformer` 为例探索 AI 模型加速实践
开源
ujainu8 小时前
CANN仓库中的AIGC性能极限挑战:昇腾软件栈如何榨干每一瓦算力
人工智能·开源
wenzhangli78 小时前
ooderA2UI BridgeCode 深度解析:从设计原理到 Trae Solo Skill 实践
java·开发语言·人工智能·开源