【Qt开发】初识Qt

文章目录

  • 1. Qt的背景
    • 1.1 Qt是什么
    • 1.2 Qt的发展史
    • 1.3 Qt支持的平台
  • 2. Qt开发环境的搭建
    • 2.1 Qt SDK下载
    • 2.2 Qt SDK的安装
  • 3. 一个简单的Qt模板程序的创建
  • 4. Qt模板程序的代码讲解
    • 4.1 main.cpp
    • 4.2 widget.h
    • 4.3 widget.cpp
    • 4.4 widget.ui
    • 4.5 test_1_18.pro
    • 4.6 一些中间文件
  • 5. Qt在窗口显示内容
    • 5.1 通过图形化的方式显示
    • 5.2 通过纯代码的方式显示
  • 6. Qt的内存回收机制(对象树)
  • 7. 输入框显示内容
    • 7.1 图形化方式实现
    • 7.2 纯代码方式实现
  • 8. 按钮控件
    • 8.1 图形化方式实现
    • 8.2 纯代码方式实现
    • 8.3 初识Qt中的信号槽机制
      • 8.3.1 使用图形化的方式实现
      • 8.3.2 使用纯代码的方式实现
  • 9. Qt的一些小tips
    • 9.1 变量的命名方式
    • 9.2 查询文档的方式
    • 9.3 Qt中的一些快捷键
  • 10. Qt的坐标系

1. Qt的背景

1.1 Qt是什么

Qt是⼀个跨平台的C++图形⽤⼾界⾯应⽤程序框架。它为应⽤程序开发者提供了建⽴艺术级图形界⾯所需的所有功能。它是完全面向对象的,很容易扩展。Qt为开发者提供了⼀种基于组件的开发模式,开发者可以通过简单的拖拽和组合来实现复杂的应⽤程序,同时也可以使⽤C++语⾔进⾏⾼级开发。

  • 图形用户界面:指采用图形方式显示的计算机操作用户界面,是计算机与其使⽤者之间的对话接⼝,是计算机系统的重要组成部分,也叫GUI。与之相对的是在“黑框框”中的交互,叫做TUI

1.2 Qt的发展史

  • 1991年Qt最早由奇趣科技开发;

  • 1996年进⼊商业领域,它也是⽬前流⾏的Linux桌⾯环境KDE的基础;

  • 2008年奇趣科技被诺基亚公司收购,Qt称为诺基亚旗下的编程语⾔;

  • 2012年Qt⼜被Digia公司收购;

  • 2014年4⽉跨平台的集成开发环境QtCreator3.1.0发布,同年5⽉20⽇发布了Qt5.3正式版,⾄此Qt实现了对IOS、Android、Embedded等各平台的全⾯⽀持。

1.3 Qt支持的平台

Qt是一个跨平台的C++图形用户界面应用程序框架,支持以下平台

  • Windows系列的操作系统(如Windows-XP,Win7,Win8,Win10…)
  • Unix/X11-Linux等
  • Mac OS X
  • 有帧缓冲支持的嵌入式Linux平台
  • Android

2. Qt开发环境的搭建

Qt开发环境的搭建需要三个部分:

  1. 一个C++编译器(gcc/g++,MSVC,clang)
  2. Qt SDK(Qt的软件开发包)
  3. Qt的集成开发环境(IDE)

实际上Qt官方提供了Qt Creator就包含了这三个内容


接下来就是手把手搭建环境的教程,我们本次搭建的就是Qt Creator开发环境

2.1 Qt SDK下载

Qt下载官⽹:http://download.qt.io/archive/qt/

国内清华源:https://mirrors.tuna.tsinghua.edu.cn/qt/archive/qt/

1、打开官网链接,进入如下界面;

image-20240117234206441

2、 我们选择5.14版本下载,具体的小版本差别不大;

image-20240117234255041

3、 选择Windows桌面应用程序

image-20240117234358739

2.2 Qt SDK的安装

1、找到下载的⽂件并双击;注意:在双击之前先断⽹,否则需要我们注册Qt账号登录后才能进⼊下⼀步安装;

image-20240118000304289

2、双击之后进⼊如下界⾯:

image-20240118000609894

3、选择安装路径时不能出现中⽂路径,否则即使安装上也⽆法使⽤;

image-20240118000806453

4、 根据自己的需要选择下载模块

image-20240118000915669

5、 同意安装协议

image-20240118000937660

6、 然后一直下一步、安装

image-20240118001006524

7、 安装完成,在开始菜单能看到如下几个东西

image-20240118001622675

由于这里我安装了MinGW和MSVC两个编译器,所以这里有两个版本的

3. 一个简单的Qt模板程序的创建

1、打开Qt Creator,到如下界面

image-20240118001839295

2、点击文件-新建文件或项目

image-20240118001911272

3、选择Application-Qt Widgets Application-Choose

image-20240118002025824

4、填写项目名和路径:这里路径一定不能有中文

image-20240118002122781

5、使用qmake构建

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

6、这里有3个基础的基类,适用于不同的环境,这里我们先使用QWidget

  • QMainWindows:是一个完整的应用程序窗口(可以包含菜单栏,工具栏,状态栏…)
  • QWidget:是一个空间(窗口上的一个具体元素,可以包含输入框,按钮,下拉框,复选框,单选框…)
  • QDialog:是一个对话框

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

选择之后,会发现相关的文件名都会跟着改变,是因为这里的文件名和类名是关联的。但是这种关联是一种弱关联,可以手动修改,但是建议还是搞成一样的。

7、 选择翻译文件,这里我们不搞那么复杂,这个就不动

image-20240118002625551

8、选择编译器,这里使用MinGw,如果只安装了一个就不用选了

image-20240118002729901

9、 版本控制器,按自己的需要添加,我这边不添加

image-20240118002801938

10、点击完成之后,稍等片刻就构建完成了一个Qt的项目

image-20240118002917849

接下来就可以按照自己的需求进行开发了

4. Qt模板程序的代码讲解

在一个Qt项目构建完成之后,会自动创建一些文件并填充内容,接下来我们分别讲解这些文件和里面的内容

4.1 main.cpp

这个文件里包含了main函数,这个一个C/C++程序的入口

image-20240118003632403

4.2 widget.h

Widget的声明

image-20240118004618328

4.3 widget.cpp

Widget的实现

image-20240118005003458

4.4 widget.ui

image-20240118005103079

image-20240118005118343

在这里就可以手动的设计显示的窗口中的内容

image-20240118005157920

此时再点击编辑,就能看到widget.ui的内容

image-20240118005240015

本质上是一个xml文件。

Qt中就是使用xml文件描述程序的界面是什么样的,进一步的qmake就会调用相关的工具,依据这个xml文件生成一些C++代码,从而把完整的界面构造出来

注意:我们自己编写的代码并不会直接被编译,而是需要被qmake调用的相关工具处理后,编译生成后的代码

4.5 test_1_18.pro

这个文件是qmake构建这个Qt项目的依赖信息,我们不深究。

可以类比Linux下自动构建工具make和makefile,这个文件就是和makefile一样的功能。

一般文件名为项目名.pro,这里的项目是test_1_18,所以显示为上述文件名。

image-20240118004037549

4.6 一些中间文件

右键xxx.pro文件,点击在Explorer中显示,让项目在文件资源管理器中显示

image-20240118005606135

image-20240118005829031

在上级目录中,我们可以看到

image-20240118005931016

里面就是一些中间文件

image-20240118005941740

其中ui_widget.h文件就是xml生成的.h文件!!!

image-20240118010111420

5. Qt在窗口显示内容

接下来我们将使用两种方式在窗口上显示hello world

5.1 通过图形化的方式显示

1、双击widget.ui,到设计界面

image-20240118143157284

2、在组件里面找到Display Widgets中的Label标签

image-20240118143315182

3、鼠标左键按住,将标签拖到窗口

image-20240118143954430

4、 CTRL+R快速编译运行,可以看到hello world就被打印出来

image-20240118144104558


回到widget.ui文件中,可以看到多了一些描述这个Label的内容

image-20240118144217191

5.2 通过纯代码的方式显示

重新创建一个新项目,这次使用纯代码的方式来实现

我们要显示的内容可以理解成是存放在Widget对象中的,然后通过show方法显示出来,所以如果想要显示出来相关控件的话,可以在Widget类的构造函数中创建

一般通过代码来构造界面的时候,通常会把构造界面的代码放到Widget/MainWindow的构造函数中

所以在widget.cpp文件中找到构造函数的实现,在里面增加一个QLabel对象即可

image-20240118144905225

通过这三行代码我们就能实现这个功能,接下来运行看看结果

image-20240118144937186

可以看到已经成功在窗口显示内容,但是这个位置不太对劲,这是因为我们没有设定QLable对象的显示位置,所以默认在左上角

6. Qt的内存回收机制(对象树)

在上面使用代码实现创建的过程中,我们写了new,但是好像没有写delete,这样会不会造成内存泄漏呢?

答案是不会,这是因为Qt中使用了对象树机制,实现了仿内存回收机制

原理是:每创建一个控件对象,都传入他的父对象指针,从而把当前对象和父对象链接起来,这样递归创建之后,就产生了一个对象树(这是一个N叉树),当一个窗体关闭的时候,再统一释放这个窗体为祖先节点所有控件对象,也就是说只要我们在创建对象的时候传入了this指针,就会在合适的时候自动释放资源,不需要我们手动释放了。这也就是为什么前面我们创建QLabel对象的时候需要传入this指针。同时,强烈建议在堆上创建对象,在栈上创建的话可能会在不合适的时候被销毁掉

当然只说的话可能咱们用起来还是有点心虚的,生怕出现了内存泄漏,作为一个C/C++ coder,应该总是把内存管理放在心上的,所有咱们做个实验看一看


实验的基本思路:自己实现一个类,去继承Qt提供的QLabel类,然后在析构函数中加上一行输出,让我们能够显示的看到析构的过程

1、文件-新建文件或项目:选择C++ - C++ Class

image-20240118150151023

2、给这个类命名,然后头文件和源文件都会自动被命名,点击下一步-完成 被创建

image-20240118150256053

3、实现myQLabel类

myQLabel.h

image-20240118152446562

myQLabel.cpp

image-20240118152520126

运行结果:

1、能够正常打印结果:

image-20240118152558418

2、关闭窗口之后,应用程序输出窗口显示打印结果,证明确实能够自动调用析构函数

image-20240118152710116

所以只要对象挂载在对象树上,我们就不用担心释放的问题啦

Qt中的字符编码格式问题

在上面的实验中,我们发现使用std::cout打印出来的内容中,中文出现了乱码的情况。所有的乱码情况的原因都是编码方式的问题,在Windows下,简体中文的编码格式是GBK,但是Qt中程序输出的内容的编码方式是utf8,并且似乎没办法更改,所以这里使用qDebug()这个工具来完成日志的打印

image-20240118234250879

7. 输入框显示内容

同样的,使用编辑框也能够显示内容,编辑框分为两种:单行编辑框QLineEdit多行编辑框QTextEdit

7.1 图形化方式实现

1、在控件中找到Input Widgets,其中有Line EditText Edit,这里我们以Line Edit为例

image-20240119004647950

2、拖动到窗体中即可,双击可以输入需要显示的内容

image-20240119004832101

3、运行结果

image-20240119004917097

这是个输入框,所以里面的内容是可以进行编辑的

7.2 纯代码方式实现

使用代码创建就需要用到QLineEdit

image-20240119005151199

8. 按钮控件

同样的可以使用按钮控件显示内容,这里使用最普通的push Button来实现

8.1 图形化方式实现

1、在Button中找到Push Button,拖动到指定位置

image-20240119005349359

2、运行结果:

image-20240119005504862

8.2 纯代码方式实现

纯代码方式只需要在Widget的构造函数中创建QPushButton对象并设置显示内容即可

image-20240119005729095

8.3 初识Qt中的信号槽机制

我们知道,按钮就是用来点击的,但是如果尝试了就会发现,我们创建的这个按钮点击了没什么反应,这是因为我们没有给这个按钮一个规定,被点击之后需要进行反应,如果想让一个按钮被点击之后出现一些反应,需要实现一个反应的函数,将按钮的点击操作于这个反应链接起来。

1、链接操作反应

链接需要使用一个函数叫做connect,通过这个函数,指明了哪一个控件收到了什么信号之后,执行上面指令

2、 需要执行的反应

我们需要实现一个函数用于完成接收到指定信号之后需要执行的内容,使用connect去链接

8.3.1 使用图形化的方式实现

1、首先在窗体上创建一个按钮显示指定内容

image-20240119011018092

2、在代码中添加connect

image-20240119011205032

当然这个objectName可以手动修改,但是一定要保证唯一。qmake在预处理.ui文件的时候,就会根据这里的objectName生成对应的C++代码

image-20240119012323257

8.3.2 使用纯代码的方式实现

同样的道理,首先创建一个按钮,然后链接反应

但是,这里出现一个问题,我们在实现handleClick的时候会出现一个问题,这个按钮对象是在构造函数中创建的局部变量,没有办法被handleClick访问到,所以我们选择把这个控件设置为Widget的成员变量

image-20240119012854758

上述的三个控件,我们都使用了图形化界面和纯代码的方式实现了,在实际环境中,这两种方式都很重要,我们的使用原则是那种方式更方便就使用那种。

9. Qt的一些小tips

9.1 变量的命名方式

在之前的学习中,我们已经了解,在给 变量/文件/函数/类 起名字都最好要有描述性,不要使用无规律的名字来描述

如果名字比较长,由多个单词构成,就需要使用适当的方式来区分不同的单词。

一般的区分方式有两种:蛇形命名法驼峰命名法

  • 蛇形命名法:使用_来分割单词

    例子:unordered_map, priority_queue等等

  • 驼峰命名法:使用大写字母来分割

    分为小驼峰和大驼峰,一般小驼峰给变量和函数命名,大驼峰给类命名

    例子:QLabel,studentCount等等

使用的标准:入乡随俗,开发的项目是什么命名法,就使用什么明明风格

9.2 查询文档的方式

查询文档在任何开发中都是非常重要的,在QtCreator中有三种查询文档的方式,我们都可以使用

1、光标放在需要查询的类名/方法名上,然后按F1,就会在右边出现相关文档image-20240119013844056

2、QtCreator左侧边栏中直接⽤⿏标单击"帮助"按钮

image-20240119013923455

image-20240119013941009

3、打开assistant.exe程序,其中内置了离线版本的帮助文档

image-20240119014042141

9.3 Qt中的一些快捷键

  • 注释:ctrl+/
  • 运⾏:ctrl+R
  • 编译:ctrl+B
  • 字体缩放:ctrl+⿏标滑轮
  • 查找:ctrl+F
  • 整⾏移动:ctrl+shift+⬆/⬇
  • 帮助⽂档:F1
  • ⾃动对⻬:ctrl+i;
  • 同名之间的.h和.cpp的切换:F4
  • ⽣成函数声明的对应定义:alt+enter

10. Qt的坐标系

我们在之前的代码实现中,创建的所有控件都是在窗口的左上角的,但是在生产环境中,我们肯定不能把所有的控件都堆在左上角,那么怎么描述这个控件的位置呢?

使用坐标系

是的,在界面设计中,我们需要引入平面直角坐标系,但是这里的坐标系是一个左手坐标系

image-20240119014659309

坐标系的原点是屏幕/窗口的左上角,这里的原点取决于父对象,如果没有父对象,原点就是屏幕左上角,如果有父对象,那就是父对象的左上角

例子:接下来我们创建一个窗口Widget和按钮PushButton,使用坐标系来移动控件的位置

image-20240119015305846


本节完….

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/636607.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

keil软件仿真

提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档 文章目录 前言一、pandas是什么?二、使用步骤 1.引入库2.读入数据总结 前言 例如:随着人工智能的不断发展,机器学习这门技术也越来越重要…

vue基于Spring Boot框架的甘肃敦煌文化旅游管理系统

本敦煌文化旅游管理系统是为了提高用户查阅信息的效率和管理人员管理信息的工作效率,可以快速存储大量数据,还有信息检索功能,这大大的满足了用户和管理员这两者的需求。操作简单易懂,合理分析各个模块的功能,尽可能优…

(蓝桥杯每日一题)平方末尾及补充(常用的字符串函数功能)

能够表示为某个整数的平方的数字称为“平方数 虽然无法立即说出某个数是平方数,但经常可以断定某个数不是平方数。因为平方数的末位只可能是:0,1,4,5,6,9 这 6 个数字中的某个。所以,4325435332 必然不是平方数。 如果给你一个 2 位或 2 位以上的数字&am…

六、标准对话框、多应用窗体

一、标准对话框 Qt提供了一些常用的标准对话框,如打开文件对话框、选择颜色对话框、信息提示和确认选择对话框、标准输入对话框等。1、预定义标准对话框 (1)QFileDialog 文件对话框 QString getOpenFileName() 打开一个文件QstringList ge…

You need to add dependency of ‘poi-ooxml‘ to your project, and version >= 4.1.2

原因 由于在依赖中引用了多个版本的 hutool,导致在最终打包时使用的版本不是由在开发时所引用的版本 cn.hutool.core.exceptions.DependencyException: You need to add dependency of poi-ooxml to your project, and version > 4.1.2at cn.hutool.poi.excel.ExcelUtil.get…

MyBatis-Plus 日常操作

本文主要介绍 mybatis-plus 日常操作。 一、快速开始 本文基于 springboot、maven、jdk1.8、mysql 环境。 新建如下数据库: 建议大家选择 utf8mb4 这种字符集,做过微信的同学应该会知道,微信用户名称的表情,是需要这种字符集才…

基于python旅游推荐系统 协同过滤算法 爬虫 Echarts可视化 Django框架(源码)✅

毕业设计:2023-2024年计算机专业毕业设计选题汇总(建议收藏) 毕业设计:2023-2024年最新最全计算机专业毕设选题推荐汇总 🍅感兴趣的可以先收藏起来,点赞、关注不迷路,大家在毕设选题&#xff…

Android14之DefaultKeyedVector实现(一百八十二)

简介: CSDN博客专家,专注Android/Linux系统,分享多mic语音方案、音视频、编解码等技术,与大家一起成长! 优质专栏:Audio工程师进阶系列【原创干货持续更新中……】🚀 优质专栏:多媒…

计算机组成原理 第一弹

ps:本文章的图片来源都是来自于湖科大教书匠高老师的视频,声明:仅供自己复习,里面加上了自己的理解 这里附上视频链接地址:1-2 计算机的发展_哔哩哔哩_bilibili ​​ 目录 🚀计算机系统 🚀计…

基于SpringBoot的欢乐校园管理系统

文章目录 项目介绍主要功能截图:部分代码展示设计总结项目获取方式 🍅 作者主页:超级无敌暴龙战士塔塔开 🍅 简介:Java领域优质创作者🏆、 简历模板、学习资料、面试题库【关注我,都给你】 &…

SpringMVC搭建环境

idea创建java项目后添加webapp怎么配置 1.首先在main下创建一个普通文件webapp 2. 3.选中你的项目,添加Web 4.修改这两处的路径,修改为你webapp所在的路径 先修改左下角的路径,然后再添加web.xml. 然后再修改右上角的地址,注…

基于SpringBoot Vue家政服务预约平台系统

大家好✌!我是Dwzun。很高兴你能来阅读我,我会陆续更新Java后端、前端、数据库、项目案例等相关知识点总结,还为大家分享优质的实战项目,本人在Java项目开发领域有多年的经验,陆续会更新更多优质的Java实战项目&#x…

在vue中使用echarts渲染地图,geo点击某个区域可高亮,取消

一、安装echarts npm install echarts --save二、main.js引入注册 import Vue from "vue";import * as echarts from "echarts";Vue.prototype.$echarts echarts;三、vue文件中使用echarts <template><div class"page-warp"><…

Vue-30、Vue非单文件组件。

非单文件组件&#xff1a; 一个组件包含n个组件 <!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"><title>非单文件组件</title><script type"text/javascript" src"https://cdn.jsde…

BossCMS RCE

简介 BossCMS是一款基于自主研发PHP框架MySQL架构的内容管理系统&#xff0c;能够满足各类网站开发建设的需求。系统开源、安全、稳定、简洁、易开发、专注为中小型企业及政企单位、个人站长、广大开发者、建站公司提供一套简单好用的网站内容管理系统解决方案。官网提供了大量…

SystemVerilog中数组内置函数sum()的一个注意点

Systemverilog内置了数组求和运算方法(sum())&#xff0c;将数组的所有元素累加起来&#xff0c;返回一个最终值。在使用时要注意数组类型的位宽&#xff0c;通常情况下&#xff0c;如果你将一组单bit的值加起来&#xff0c;Systemverilog会使用足够的精度来确保不丢失任何bit的…

INS-06003错误处理

在麒麟V10操作系统上安装Oracle RAC 19C&#xff0c;安装GI的建立互信步骤中&#xff0c;遇到INS-06003错误&#xff1a; [INS-06003] Failed to setup password SSH connectivity with following node(s) 查看详细信息&#xff1a; PRVG-11001: PRCZ-2136: PRCZ-2006: 此时在操…

实验四 SQL语言

&#x1f57a;作者&#xff1a; 主页 我的专栏C语言从0到1探秘C数据结构从0到1探秘Linux &#x1f618;欢迎关注&#xff1a;&#x1f44d;点赞&#x1f64c;收藏✍️留言 &#x1f3c7;码字不易&#xff0c;你的&#x1f44d;点赞&#x1f64c;收藏❤️关注对我真的很重要&…

SSE[Server-Sent Events]实现页面流式数据输出(模拟ChatGPT流式输出)

文章目录 前言SSE 简介应用场景区分浏览器支撑性 实现过程Web VUE核心解析数据代码实例demo参考 前言 服务端向客户端推送消息&#xff0c;除了用WebSocket可实现&#xff0c;还有一种服务器发送事件(Server-Sent Events)简称 SSE&#xff0c;这是一种服务器端到客户端(浏览器)…

ChatGPT与文心一言:AI助手之巅的对决

随着科技的飞速发展&#xff0c;人工智能助手已经渗透到我们的日常生活和工作中。 而在这个充满竞争的领域里&#xff0c;ChatGPT和文心一言无疑是最引人注目的两款产品。它们各自拥有独特的优势&#xff0c;但在智能回复、语言准确性、知识库丰富度等方面却存在差异。那么&am…