C++ QT进阶

最新推荐文章于 2024-07-15 22:35:54 发布
最新推荐文章于 2024-07-15 22:35:54 发布
阅读量6.1k 收藏 241
点赞数 17
分类专栏： C/C++、Java/Scala 文章标签： qt
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/haojie_duan/article/details/118418223
版权

前言

本文主要将记录以下五部分：

00 QT 环境搭建

QT源码和SDK下载

01 父窗口

  • QWidget
  • QMainWindow(主窗口)//QWidget的直接子类
  • QDialog(对话框)//QWidget的直接子类
    在这里插入图片描述
    在这里插入图片描述

02 信号和槽（实现QSlider与QSpinBox）

在这里插入图片描述

1.1 初始代码

#include <QApplication>
#include <QSlider>
#include <QSpinBox>
#include <QMainWindow>
#include <QObject>

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

    QMainWindow myMainWindow;
    myMainWindow.setWindowTitle("滑块 选值框");
    myMainWindow.resize(340,240);

    //创建水平滑块，依附于myMainWindow
    QSlider myslider(Qt::Horizontal,&myMainWindow);
    myslider.move(20,100);
    myslider.setRange(0,200);

    //创建选值框，依附于myMainWindow
    QSpinBox myspinbox(&myMainWindow);
    myspinbox.move(220,100);
    myspinbox.setRange(0,200);

    //显示框内所有元素
    myMainWindow.show();

    //滑动滑块，让选值框内数值随之改变
    //QObject::connect(&myslider,SIGNAL(valueChanged(int)),&myspinbox,SLOT(setValue(int)));
    QObject::connect(&myslider,&QSlider::valueChanged,&myspinbox,&QSpinBox::setValue);

    //选值框数值改变，让滑块随之滑动
    //QObject::connect(&myspinbox,SIGNAL(valueChanged(int)),&myslider,SLOT(setValue(int)));
    QObject::connect(&myspinbox,static_cast<void (QSpinBox::*)(int)>(&QSpinBox::valueChanged),&myslider,&QSlider::setValue);
    return a.exec();
}

1.2 运行结果

在这里插入图片描述

1.3 改进思想

  • 此处应该使用水平布局器<QHBoxLayout>来优化，还有使用面向对象思维来完成封装！

03 面向对象的QT编程

3.1 加法计算器

在这里插入图片描述

3.1.1 calculatordialog.h

#ifndef __CALCULATORDIALOG_H
#define __CALCULATORDIALOG_H

#include <QDialog>//父窗口类之一
#include <QLabel>//标签
#include <QPushButton>//按钮
#include <QLineEdit>//行编辑控件
#include <QHBoxLayout>//水平布局器
#include <QDoubleValidator>//验证器
class CalculatorDialog:public QDialog
{
    Q_OBJECT //moc
public:
    CalculatorDialog(void);
public slots:
    //使能等号按钮的槽操作数
    void enableButton(void);
    //计算结果和显示的槽函数
    void calcClicked(void);
private:
    QLineEdit* m_editX;//左操作数
    QLineEdit* m_editY;//右操作数
    QLineEdit* m_editZ;//显示结果
    QLabel* m_label;//"+"
    QPushButton* m_button;//"="
};

#endif // CALCULATORDIALOG_H

3.1.2 calculatordialog.cpp

#include "calculatordialog.h"
//构造函数
CalculatorDialog::CalculatorDialog(void)
{
    //界面初始化
    setWindowTitle("计算器");
    //左操作数，this指针即为当前父窗口指针
    m_editX = new QLineEdit(this);
    //设置文本对齐:右对齐
    m_editX->setAlignment(Qt::AlignRight);
    //设置数字验证器,只能输入数字形式内容
    m_editX->setValidator(new QDoubleValidator(this));
    //右操作数
    m_editY = new QLineEdit(this);
    m_editY->setAlignment(Qt::AlignRight);
    m_editY->setValidator(new QDoubleValidator(this));
    //显示结果
    m_editZ = new QLineEdit(this);
    m_editZ->setAlignment(Qt::AlignRight);
    m_editZ->setReadOnly(true);//设置只读
    //"+"
    m_label = new QLabel("+",this);
    //"="
    m_button = new QPushButton("=",this);
    m_button->setEnabled(false);//设置禁用

    //创建布局器 : 自动调用每个控件的大小和位置
    QHBoxLayout* layout = new QHBoxLayout(this);
    //按水平方向，依次将控件添加到布局器中
    layout->addWidget(m_editX);
    layout->addWidget(m_label);
    layout->addWidget(m_editY);
    layout->addWidget(m_button);
    layout->addWidget(m_editZ);
    //设置布局器
    setLayout(layout);

    //信号和槽函数连接
    //左右操作数文本改变时，发送信号 textChanged()
    connect(m_editX,SIGNAL(textChanged(QString)),
            this,SLOT(enableButton(void)));
    connect(m_editY,SIGNAL(textChanged(QString)),
            this,SLOT(enableButton(void)));
    //点击按钮发送，发送信号clicked
    connect(m_button,SIGNAL(clicked(void)),
            this,SLOT(calcClicked(void)));
}
//使能等号按钮的槽操作数
void CalculatorDialog::enableButton(void){
    bool bXOK, bYOK;
    //text():获取输入文本(QString)
    //toDouble():QString转换为double，参数保存转换是否设置禁用
    m_editX->text().toDouble(&bXOK);
    m_editY->text().toDouble(&bYOK);
    //当左右操作数都输入了有效数据，则使能等号按钮，否则设置禁用
    m_button->setEnabled(bXOK && bYOK);
}
//计算结果和显示的槽函数
void CalculatorDialog::calcClicked(void){
    double res = m_editX->text().toDouble() +
            m_editY->text().toDouble();
    //number():将double转换为QString
    QString str = QString::number(res);
    //显示字符串形式结果
    m_editZ->setText(str);
}

3.1.3 main.cpp

#include "calculatordialog.h"
#include <QApplication>

int main(int argc, char *argv[])
{
    QApplication app(argc, argv);

    CalculatorDialog calc;
    calc.show();
    return app.exec();
}

2.1.4 运行结果

在这里插入图片描述

3.2 获取系统时间

在这里插入图片描述

3.2.1 timedialog.h

#ifndef __TIMEDIALOG_H
#define __TIMEDIALOG_H

#include <QDialog>
#include <QLabel>
#include <QPushButton>
#include <QVBoxLayout>//垂直布局器
#include <QTime>//时间
#include <QDebug>//打印调试

class TimeDialog : public QDialog{
    Q_OBJECT //moc
public:
    //构造函数
    TimeDialog(void);
signals:
    //自定义信号函数 只需声明 不能写定义
    void mySignal(const QString&);
public slots:
    //获取系统时间的槽函数
    void getTime(void);
private:
    QLabel* m_label;//显示时间label
    QPushButton* m_button;//获取时间button
};
#endif // TIMEDIALOG_H

3.2.2 timedialog.cpp

#include "timedialog.h"

TimeDialog::TimeDialog(void)
{
    //初始化界面

    //显示时间
    m_label = new QLabel(this);
    //设置label边框消息:凹陷面板
    m_label->setFrameStyle(QFrame::Panel|QFrame::Sunken);
    m_label->setAlignment(Qt::AlignHCenter|Qt::AlignVCenter);
    //设置label的字体大小
    QFont font;
    font.setPointSize(20);
    m_label->setFont(font);

    //获取系统时间的按钮
    m_button = new QPushButton("获取当前时间");
    m_button->setFont(font);

    //创建垂直布局器
    QVBoxLayout* layout = new QVBoxLayout(this);
    layout->addWidget(m_label);
    layout->addWidget(m_button);
    //设置布局器
    setLayout(layout);

    //信号和槽函数连接
    connect(m_button,SIGNAL(clicked(void)),
            this,SLOT(getTime(void)));
    //通过自定义信号，出发label的setText槽函数执行
    connect(this,SIGNAL(mySignal(QString)),
            m_label,SLOT(setText(QString)));
}
//获取系统时间的槽函数
void TimeDialog::getTime(void){
    qDebug("getTime");
    qDebug() << "getTime";
    //获取当前系统时间
    QTime time = QTime::currentTime();
    //将时间对象转换为字符串
    QString str = time.toString("hh:mm:ss");
    /*//显示时间
    m_label->setText(str);*/
    //emit:是Qt关键字，标记当前是发射信号
    /*emit*/ mySignal(str);//发射信号
}

3.2.3 main.cpp

#include "timedialog.h"

#include <QApplication>

int main(int argc, char *argv[])
{
    QApplication a(argc, argv);
    TimeDialog w;
    w.show();
    return a.exec();
}

3.2.4 运行结果

在这里插入图片描述

04. QT设计师

在这里插入图片描述

UIC

在这里插入图片描述

4.1 使用designer设计登录对话框

在这里插入图片描述

4.1.1 logindialog.ui

在这里插入图片描述

<?xml version="1.0" encoding="UTF-8"?>
<ui version="4.0">
 <class>LoginDialog</class>
 <widget class="QDialog" name="LoginDialog">
  <property name="geometry">
   <rect>
    <x>0</x>
    <y>0</y>
    <width>593</width>
    <height>324</height>
   </rect>
  </property>
  <property name="font">
   <font>
    <family>微软雅黑</family>
    <pointsize>20</pointsize>
   </font>
  </property>
  <property name="windowTitle">
   <string>登录</string>
  </property>
  <property name="sizeGripEnabled">
   <bool>false</bool>
  </property>
  <layout class="QVBoxLayout" name="verticalLayout">
   <item>
    <spacer name="verticalSpacer">
     <property name="orientation">
      <enum>Qt::Vertical</enum>
     </property>
     <property name="sizeHint" stdset="0">
      <size>
       <width>20</width>
       <height>54</height>
      </size>
     </property>
    </spacer>
   </item>
   <item>
    <layout class="QGridLayout" name="gridLayout">
     <item row="0" column="0">
      <widget class="QLabel" name="label_2">
       <property name="text">
        <string>用户名：</string>
       </property>
      </widget>
     </item>
     <item row="0" column="1">
      <widget class="QLineEdit" name="m_usernameEdit"/>
     </item>
     <item row="1" column="0" rowspan="2">
      <widget class="QLabel" name="label">
       <property name="text">
        <string>密   码：</string>
       </property>
      </widget>
     </item>
     <item row="2" column="1">
      <widget class="QLineEdit" name="m_passwordEdit">
       <property name="echoMode">
        <enum>QLineEdit::Password</enum>
       </property>
      </widget>
     </item>
    </layout>
   </item>
   <item>
    <layout class="QHBoxLayout" name="horizontalLayout">
     <item>
      <spacer name="horizontalSpacer">
       <property name="orientation">
        <enum>Qt::Horizontal</enum>
       </property>
       <property name="sizeHint" stdset="0">
        <size>
         <width>40</width>
         <height>20</height>
        </size>
       </property>
      </spacer>
     </item>
     <item>
      <widget class="QDialogButtonBox" name="m_btnBox">
       <property name="layoutDirection">
        <enum>Qt::LeftToRight</enum>
       </property>
       <property name="standardButtons">
        <set>QDialogButtonBox::Cancel|QDialogButtonBox::Ok</set>
       </property>
      </widget>
     </item>
     <item>
      <spacer name="horizontalSpacer_2">
       <property name="orientation">
        <enum>Qt::Horizontal</enum>
       </property>
       <property name="sizeHint" stdset="0">
        <size>
         <width>40</width>
         <height>20</height>
        </size>
       </property>
      </spacer>
     </item>
    </layout>
   </item>
   <item>
    <spacer name="verticalSpacer_2">
     <property name="orientation">
      <enum>Qt::Vertical</enum>
     </property>
     <property name="sizeHint" stdset="0">
      <size>
       <width>20</width>
       <height>53</height>
      </size>
     </property>
    </spacer>
   </item>
  </layout>
 </widget>
 <resources/>
 <connections/>
</ui>

4.1.2 logindialog.h

#ifndef LOGINDIALOG_H
#define LOGINDIALOG_H

#include <QDialog>
#include <QMessageBox>//消息提示框
#include <QDebug>//打印提示

QT_BEGIN_NAMESPACE
namespace Ui { class LoginDialog; }
QT_END_NAMESPACE

class LoginDialog : public QDialog
{
    Q_OBJECT

public:
    //LoginDialog(QWidget *parent = nullptr);
    LoginDialog(void);
    ~LoginDialog();
public slots:
    //处理ok按钮的槽函数
    void onAccepted(void);
    //处理Cancel按钮的槽函数
    void onRejected(void);
private:
    Ui::LoginDialog *ui;
};
#endif // LOGINDIALOG_H

4.1.3 logindialog.cpp

#include "logindialog.h"
#include "ui_logindialog.h"

LoginDialog::LoginDialog(void): ui(new Ui::LoginDialog)
{
    //界面初始化
    ui->setupUi(this);
    //信号和槽连接
    //点击OK发送信号accepted
    connect(ui->m_btnBox,SIGNAL(accepted(void)),
            this,SLOT(onAccepted(void)));
    //点击Cancel发送信号rejected
    connect(ui->m_btnBox,SIGNAL(rejected(void)),
            this,SLOT(onRejected(void)));
}
//处理ok按钮的槽函数
void LoginDialog::onAccepted(void){
    //terna/123456:提示登录成功，否则提示失败
    if(ui->m_usernameEdit->text() == "terna" &&
            ui->m_passwordEdit->text() == "123456"){
        qDebug() << "登录成功";
        close();//关闭登录窗口
    }else{
        //创建消息提示框
        QMessageBox msgBox(
                    QMessageBox::Critical,//图标
                    "Error",//标题
                    "用户名或密码错误",//提示消息
                    QMessageBox::Ok,//按钮
                    this);//父窗口
        //显示消息提示框，并进入事件循环
        msgBox.exec();
    }
}
//处理Cancel按钮的槽函数
void LoginDialog::onRejected(void){
    QMessageBox msgBox(
             QMessageBox::Question,
             "登录",
             "是否确定要取消登录？",
              QMessageBox::Yes|QMessageBox::No,
              this);
    //显示消息提示框，并进入事件循环，点击Yes或No时候都会退出循环
    //但是返回结果不同，如果点击Yes则退出登录对话框
    if(msgBox.exec() == QMessageBox::Yes){
        close();
    }
}
LoginDialog::~LoginDialog()
{
    delete ui;
}

4.1.4 main.cpp

#include "logindialog.h"

#include <QApplication>

int main(int argc, char *argv[])
{
    QApplication a(argc, argv);
    LoginDialog w;
    w.show();
    return a.exec();
}

4.1.5 运行结果

在这里插入图片描述

05.QT创造器

在这里插入图片描述

后记

进阶笔记到此结束

杰之行
关注
专栏目录
C++/Qt
qq_67853786的博客
07-15 272
基于Qt框架的C++编程，本章内容主要包含：认识Qt以及创建第一个GUI项目
Qt（C++）入门学习
m0_47096428的博客
03-13 8128
本文适用于在c++ cmake项目中使用qt，需要快速入门的同学。
qt编程进阶
05-31
qt编程进阶，适合有一定qt基础的开发人员。qt编程近几年比较流行，是跨平台的开发工具
QT编程进阶
03-27
文档介绍了Qt的事件机制，是比信号与槽机制更深入Qt的本质。资料为嵌入式培训机的授课课件。
QT入门及C++复习（适合新手--1）Qt简介
最新发布
2201_75282028的博客
07-15 1248
Qt 是一个跨平台的应用程序框架，广泛用于开发具有图形用户界面的应用程序。
Qt进阶
qq_38340979的博客
06-02 438
QTableWidget使用 动态增加行数： int iRow = ui->tableWidget->rowCount(); ui->tableWidget->insertRow(iRow); QTableWidgetItem *item = new QTableWidgetItem(“二值化”); ui->tableWidget->setItem(iRow, 0, item); //添加到界面 insertRow用法 Qt中QTableWidget的常用功能 ...
Qt - 进阶
L_fengzifei的博客
04-09 1232
Qt - 进阶
C++ Qt进阶之复杂控件自定义
06-13
为什么我们同学学习了一两年Qt C++还糊里糊涂，有的人只需要几天时间就掌握Qt的精髓？通过这个系列课程的学习，让学员深入理解一套GUI开发框架，编程思想。并将这套思想应用到任何平台的开发中，例如iOS,Android。 ...
C++ Qt开发基础与进阶教程
06-29
全面介绍C++ Qt开发技术，从认识Qt，开发环境安装配置，Qt核心技术讲解，大部分控件的使用技巧，qss界面美化，多线层，网络编程，文件读写，动态曲线绘制，Qt动画，Qt界面常用开发技巧，经过这些的学习，在课程的...
C++ Qt进阶之复杂控件自定义 --源代码
12-05
C++ Qt进阶之复杂控件自定义 --源代码,C++ Qt进阶之复杂控件自定义 --源代码C++ Qt进阶之复杂控件自定义 --源代码C++ Qt进阶之复杂控件自定义 --源代码
Qt 进阶之路
01-20
作者：billy 版权声明：著作权归作者所有，商业转载请联系作者获得授权，非商业转载请注明出处 前言 古语有云：“工欲善其事，必先利其器”。一件好的开发工具可以帮助开发者快速、准确的完成任务。博主主要从事于客户端、嵌入式、移动端的开发工作，而我的主要开发工具就是 Qt。第一次接触 Qt博主就被 Qt的各种功能模块深深吸引，而且十分容易上手，现在一用就好几年了。为了让更多朋友了解 Qt，学习 Qt，博主在这里分享一些 Qt中常用的功能模块，若有错误欢迎指出。 这里附上一张 Qt由简到难的功能模块展示图： Qt 简介 Qt 简介 Qt 24本书籍免费下载 Qt 环境搭建 Qt Windows 环
QT进阶培训
05-13
公司为培训新员工，本人奋斗两周制作的近百页的培训教程，完全原创。
Qt 进阶讲演
12-07
进阶 About Qt
C++高级进阶教程
05-06
《重点大学计算机教材•C++高级进阶教程》在假定读者有一定的C++编程能力的基础上，进一步加强了对一些基本概念的解释，介绍了一些不太常用的关键字的用法。同时，介绍了一些C++语言机制的底层实现方案。另外，还...
C++ Qt5进阶之复杂控件自定义2
06-17
《C++ Qt5进阶之复杂控件自定义2》是我们C++ Qt5系列课程的第二部分。 在第二部分课程中，我们会讲解更加复杂的控件，交互。 我们会讲解怎样运用数学方法，向量的知识来解决GUI交互的问题。 这些知识，在今后复杂...
【C/C++基础进阶系列】QT -- QT 代码工程分析
CopperSun 技术博客
01-08 595
【C/C++基础进阶系列】QT -- QT 代码工程分析 【1】QT 的代码工程结构 基本的 QT 工程的代码结构如下 【1.1】QT pro 配置详解 Qt 使用 qmake 构建工具来构建工程，作用和 cmake 一样，生成 Makefile，Qt 的 pro 文档则对应 cmake 的 CMakeLists.txt； 注释，以 “#” 开始，到这一行结束，快捷键 : Ctrl + /； CONFIG，指定编译器选项和项目配置，值由 qmake 内部识别并具有特殊意义； DEFINES
qt for c++风格
zylg
08-02 556
&#13; c++风格 头文件 作用域 类 函数 study for google else study 命名规则 注释 格式 c++风格 qtcreator必须掌握的快捷键 1.ctrl+tab切换打开的窗口 2.alt+enter在.cpp里面快速添加定义 3.ctrl+sh...
评论 16
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

杰之行

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

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

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

打赏作者

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

抵扣说明：

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

余额充值