物联网实战--入门篇之(九)安卓QT--开发框架

目录

一、QT简介

二、开发环境

三、编码风格

四、设计框架

五、总结


一、QT简介

        QT是一款以C++为基础的开发工具,已经包含了很多常用的库,除了基本的GUI以外,还有网络、数据库、多媒体、进程通信、串口、蓝牙等常用库,开发起来非常方便。后来QT又引入了QML,使得在制作界面方面更便捷了,类似js的语言,上手容易,短短几行代码就可以设计出灵活且美观的界面,开发成本极低。

        选择QT作为用户端的开发工具主要有以下优点:

1、学习成本较低,相比于再学习Java和安卓开发,确实是低的;而且既然会C语言了,由于QT各种库已经封装得非常好了,你只要学会如何调用就行了,上手很快,不要被C++吓到。

2、具备前后端开发的框架,相信QT引入QML也是为了可以区分前后端开发,相比于传统的QtWidgets纯C++开发,结构框架上会好很多,而且QtWidgets也不适合手机端的开发。

3、通用性强,就这个项目的QT程序,可以在Windows、MacOS、安卓、IOS、嵌入式linux(树莓派、香橙派)等平台编译运行,作为个人的学习开发工具,效率很高。

4、使用广泛,QT在消费级产品比较少应用,但是在工业领域却是很广泛的存在,比如汽车的很多仪表盘的界面都是用QT做的,会QT对以后找工作是有比较大的帮助的。

        总的来讲,QT综合功能强,很适合个人开发一些小项目、上位机等,可以让你的学习精力放在项目本身,见效快。

二、开发环境

        QT的开发方式是比较丰富的,很多人一开始都是从拖拽界面开始的,但是我不太建议这样,表面上效率很高,但是稍微有点逻辑、动态变化的元素在里面就很不好处理,比较适合做些固定的小界面。要我说,还是要学会用代码的方式去控制界面。

        正常QT安装完后就可以直接用自带的MinGW编译套件进行开发,可以随机打开一个自带的Demo进行测试。对于我们项目本身,框架结构上还是要有利于维护的,所以各类文件存放的位置最好统一下,如下图所示,整个工程结构主要分为项目文件xxx.pro、头文件、cpp文件和资源文件四大部分,在资源管理器内的文件夹也做相应的分类,这样整个项目维护起来比较方便。

三、编码风格

        每个开发语言或者开发工具都有自己的编码风格,比如之前说的RT-Thread用的是Unix风格,小写字母+下划线。相对来讲,Qt的风格比较丰富,大部分是下图这种形式的,前面是小写的动词,后面使用驼峰法把属性隔开,比较少用下划线;如果没有动词的话,前面也是小写开头的。大家打开QT的Demo或者源文件什么的,在默认参数下,整体感觉还是很协调优雅的,说明他们在编辑器排版、颜色、编码等内容都是做过功课的,那我们也基本上入乡随俗,沿用Qt的编码风格,当然了,也不一定非得生搬硬套,整体上差不多就行。

        我个人的定义一般是这样,如下图所示,类的成员变量一般都会以m_开头,信号定义分为两种,一种是C++内部的,用sig开头,一种是C++发到QML的,用siq开头;对于槽函数,统一都是slot开头,这样在写代码的时候很容易就通过补全提示体现筛选出来了。同样的,在这里我也大量使用了u8、u16和u32,对于嵌入式而言,这个比较严谨和适用,还有就是个人习惯,所以也就沿用了。

        刚才所提到的信号和槽是QT的一个特点,它可以很方便地实现不同任务之间的数据交互,以前有写过linux的代码,是用的管道通信,后来使用QT的信号槽后感觉方便多了。

四、设计框架

        既然是模仿小米的空气净化器,那首先就要看下米家APP关于净化器的界面设计了。

        首先界面分为关机和开机两个状态,上面的是关机,数据显示的内容和位置其实是没变化的,底面背景变了而已;我们只是模仿而已,像自动、睡眠这些个模式就不要了,能调速就行了,页面搞太长了也不利于初学,那其实就剩下开关和调速栏了;这里面其实还有个比较麻烦的是开机后中心圆圈(图片中橘黄色部分)是渐变色,并且还有气泡随机冒出向中心运动,这个要花点脑筋想想怎么实现,不需要美工的。

        经过整体分析,大概可以做如下分解,前后端先分开,后端主要是数据处理的问题,没有过多的逻辑;前端几个界面上面也说明过了,就是一个动态界面比较麻烦点,还有个状态切换也要说明下,就是根据不同的PM2.5数值换算成不同的等级,这里分为优、良、差三级,对应的颜色是绿、黄、红,这个在第一篇的演示视频里应该都看到了,这里再大概贴个界面,顶部改成了在线状态(小绿灯)和ID号,便于跟自己的内容结合。

五、总结

        那么,手机端APP的整体设计也就这样了,不复杂,这里都没有用美工进行UI设计的,几个QML文件就能搞定了,核心还是背后要有自己的设计思路,我出这个教程的目的除了方便大家入门以外,还有个目的就是让大家一开始就有项目思维,不要停留在跑个demo的层面。

        另外,如果暂时Qt for Android的环境配置有问题,那就先放放也无妨,直接在PC端体验就好了,效果差不多的,有时间再慢慢折腾。

  本项目的交流QQ群:701889554

   写于2024-4-2

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

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

mysql 正则表达式查询

学习了mysql 连接查询和子查询和myql join连接,接下来学习下正则表达式查询。正则表达式的规则都是相似的。 8,使用正则表达式查询 正则表达式通常被用来检索或替换那些符合某个模式的文本内容,根据指定的匹配模式匹配文本中符合要求的特殊字符串。例如从…

绿色wordpress外贸建站模板

绿色wordpress外贸建站模板 https://www.mymoban.com/wordpress/6.html

PAC下的ROP问题

Armv8.3-A引入了pointer authentication选项。 pointer authentication可以减轻ROP攻击。 为了防止ROP攻击,在函数开始时,LR寄存器中的返回地址被签名。这意味着在寄存器的高位添加了一个PAC。在返回之前,使用PAC对返回地址进行验证。如果检查…

Linux 环境下 Redis基础配置及开机自启

Linux 环境下 Redis基础配置及开机自启 linux环境安装redis<redis-6.0.5.tar.gz> 1-redis基本安装配置 解压 获取到tar包后&#xff0c;解压到相关目录&#xff0c;一般是将redis目录放在usr/local/redis目录下&#xff0c;可以使用-C指定到解压下目录 tar -zvxf re…

HCIA-RS基础-以太网设备工作原理

目录 以太网设备工作原理1. HUB 的工作原理2. L2 交换机的工作原理3. L3 交换机的工作原理 总结 以太网设备工作原理 以太网是一种常用的局域网技术&#xff0c;用于在计算机网络中传输数据。在以太网中&#xff0c;有几种常见的设备&#xff0c;包括 HUB、L2 交换机和 L3 交换…

PyQt qrc2py 使用PowerShell将qrc文件转为py文件并且将导入模块PyQt或PySide转换为qtpy模块开箱即用

前言 由于需要使用不同的qt环境&#xff08;PySide&#xff0c;PyQt&#xff09;所以写了这个脚本&#xff0c;使用找到的随便一个rcc命令去转换qrc文件&#xff0c;然后将导入模块换成qtpy这个通用库(支持pyside2-6&#xff0c;pyqt5-6)&#xff0c;老版本的是Qt.py(支持pysi…

BIM转Power BI数据集

在本博客中&#xff0c;我们将了解如何使用从 SSAS 表格、Power BI Desktop 或 Power BI 服务数据集中提取的 Model.bim 文件在本地或 PBI 服务上生成新数据集。 1、设置&#xff08;SSAS 表格和 PBI 服务通用&#xff09; 我建议你创建一个专门用于此任务的新 Python 环境&a…

hibernate session接口

hibernate session接口 Session接口是hibernate向应用程序提供的操纵数据库的最主要的接口&#xff0c;提供了保存、更新、删除和加载Java对象的方法。 session具有一个缓存&#xff0c;位于缓存中的对象成为持久化对象&#xff0c;和数据库中的相关记录对应。session能够在某些…

vue3中怎么点击按钮就上传文件

<el-button text type"primary" click"importBillExcel(row)">导入账单</el-button> // 导入客户账单Excel表 const importBillExcel (row) > {let input document.createElement(input)input.type fileinput.accept .pdf, .png, .zip…

摸鱼123

摸鱼https://toyaml.com/windowsupdate.html

3D模型格式转换工具HOOPS Exchange如何将3D文件加载到PRC数据结构中?

HOOPS Exchange是一款高效的数据访问工具&#xff0c;专为开发人员设计&#xff0c;用于在不同的CAD&#xff08;计算机辅助设计&#xff09;系统之间进行高保真的数据转换和交换。由Tech Soft 3D公司开发&#xff0c;它支持广泛的CAD文件格式&#xff0c;包括但不限于AutoCAD的…

js手持小风扇

文章目录 1. 演示效果2. 分析思路3. 代码实现 1. 演示效果 2. 分析思路 先编写动画&#xff0c;让风扇先转起来。使用 js 控制动画的持续时间。监听按钮的点击事件&#xff0c;在事件中修改元素的animation-duration属性。 3. 代码实现 <!DOCTYPE html> <html lang…

Spring IOC控制反转、DI注入以及配置

1.使用xml的方式进行配置IOC容器&#xff0c;首先引入依赖 在Resource资源下配置&#xff0c;applicationContext.xml ,刷新mevan后可以直接选择配置spring.xml文件 <!-- spring核心用来管理bean --><dependency><groupId>org.springframework</g…

代码随想录算法训练营Day42|LC416 分割等和子集

一句话总结&#xff1a;背包问题。 原题链接&#xff1a;416 分割等和子集 拿到题先明确这是动态规划的题&#xff0c;具体类型是01背包问题。到了题目解法这里&#xff0c;首先判断数组加和是否为偶数&#xff0c;否则return false。然后就是01背包问题的解题思路了。具体地&…

InterliJ IDEA基本设置

安装好idea后&#xff0c;将软件打开&#xff0c;可以进行基础设置 1.打开软件&#xff0c;先安装插件-汉化包&#xff08;不推荐&#xff0c;最好使用英文版&#xff09;&#xff0c;本次我们使用汉化版本完成基本设置&#xff0c;后期希望大家适应英文版的开发环境。&#x…

【Vue3源码学习】— CH2.7 Computed: Vue 3 计算属性深入解析

Computed: Vue 3 计算属性深入解析 1.计算属性的基本用法2. ComputedRefImpl 类深入解析JavaScript 中的 getter 函数 3. 计算属性的创建&#xff1a;computed 方法解析3.1 源码解析3.2 使用示例 4. 计算属性的工作原理5. 手动实现简化的计算属性6. 结语 在 Vue 3 的响应式系统…

蓝桥杯-dfs搜索模板题(一)

蓝桥杯-dfs搜索模板题&#xff08;一&#xff09; P2089 烤鸡P1088 火星人P1149 火柴棒等式P2036 PERKETP1135 奇怪的电梯结语 P2089 烤鸡 对于每个位置枚举数字 #include<bits/stdc.h>using namespace std;const int N1010;int n;int arr[N];//临时方案 int res0;//方案…

【闲聊】-网页划词翻译插件

英文之痛 作为程序猿&#xff0c;常常需要接触外文网站&#xff0c;以前很痛苦&#xff0c;现在大模型时代有很多智能工具可以直接翻译&#xff0c;翻译的虽然越来越好&#xff0c;但是还是不如直接看英文能理解本义&#xff0c;相信我&#xff0c;看翻译的理解和看原文的理解…

AJAX —— 学习(二)

目录 一、利用 JSON 字符串 返回数据 &#xff08;一&#xff09;基础代码 &#xff08;二&#xff09;原理及实现 二、nodmon 工具 自动重启服务 &#xff08;一&#xff09;用途 &#xff08;二&#xff09;下载 &#xff08;三&#xff09;使用 三、IE 缓存问题 &a…

开源模型应用落地-chatglm3-6b模型小试-入门篇(一)

一、前言 刚开始接触AI时&#xff0c;您可能会感到困惑&#xff0c;因为面对众多开源模型的选择&#xff0c;不知道应该选择哪个模型&#xff0c;也不知道如何调用最基本的模型。但是不用担心&#xff0c;我将陪伴您一起逐步入门&#xff0c;解决这些问题。 在信息时代&#xf…