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

news2024/11/15 11:51:12

目录

一、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

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

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

相关文章

Vue3_2024_7天【回顾上篇watch常见的后两种场景】

随笔:这年头工作不好找咯,大家有学历提升的赶快了,还有外出人多注意身体,没错我在深圳这边阳了,真的绝啊,最尴尬的还给朋友传染了!!! 之前三种的监听情况,监听…

Godot 4 教程《勇者传说》依赖注入 学习笔记(0):环境配置

文章目录 前言相关地址环境配置初始化环境配置文件夹结构代码结构代码运行 资源文件导入像素风格窗口环境设置背景设置,Tileap使用自动TileMap 人物场景动画节点添加站立节点添加移动动画添加 通过依赖注入获取Godot的全局属性项目声明 当前项目逻辑讲解角色下降添加代码位置问…

ssm028蜀都天香酒楼的网站设计与实现+jsp

基于JSP的蜀都天香酒楼管理系统的设计与实现 摘要 近年来,信息化管理行业的不断兴起,使得人们的日常生活越来越离不开计算机和互联网技术。首先,根据收集到的用户需求分析,对设计系统有一个初步的认识与了解,确定蜀都…

C语言数据结构(11)——归并排序

欢迎来到博主的专栏C语言数据结构 博主ID:代码小豪 文章目录 归并排序两个有序数组的合并归并归并排序 归并排序的代码 归并排序 两个有序数组的合并 当前有两个有序数组arr1和arr2,我们创建一个可以容纳arr1和arr2同等元素个数的新数组arr。 让一个…

AGILEFORMER:用于医学图像分割的空间敏捷 Transformer UNET

AGILEFORMER:用于医学图像分割的空间敏捷 Transformer UNET 摘要IntroductionMethodDeformable Patch Embedding2.1.1 Rigid patch embedding2.1.2 Deformable patch embedding Spatially Dynamic Self-AttentionDeformable Multi-head Self-Attention (DMSA)Neighb…

Java | Leetcode Java题解之第11题盛最多水的容器

题目&#xff1a; 题解&#xff1a; public class Solution {public int maxArea(int[] height) {int l 0, r height.length - 1;int ans 0;while (l < r) {int area Math.min(height[l], height[r]) * (r - l);ans Math.max(ans, area);if (height[l] < height[r]…

Docker之镜像与容器的相关操作

目录 一、Docker镜像 搜索镜像 下载镜像 查看宿主机上的镜像 删除镜像 二、Docker容器 创建容器 查看容器 启停容器 删除容器 进入容器 创建/启动/进入容器 退出容器 查看容器内部信息 一、Docker镜像 Docker 运行容器前需要本地存在对应的镜像&#xff0c; 如…

OWASP TOP10 漏洞详解

前言 该内容是 OWASP TOP 10 的学习笔记&#xff0c;笔记内容来源 B 站龙哥的视频【12.Top漏洞10&#xff1a;服务器请求伪造_哔哩哔哩_bilibili】 一、访问控制崩溃 概念 未对通过身份验证的用户实施恰当的访问控制。攻击者可以利用这些缺陷访问未经授权的功能或数据&#xf…

一篇文章Linux技术急速入门,掌握这些命令可以解决日常 99% 的问题

一篇文章Linux技术急速入门&#xff0c;掌握这些命令可以解决日常 99% 的问题。 当你听到Linux[1]时&#xff0c;大多数人会想到只有程序员才会使用的复杂操作系统。但是&#xff0c;其实并非如此&#xff0c;虽然Linux给普通用户的感觉可能很深奥&#xff0c;需要很多操作命令…

逆向案例14——cnki学术翻译AES加密分析,涉及保持会话和获取token值

python代码&#xff1a; import execjs import requests UA "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/120.0.0.0 Safari/537.36" token_url "https://dict.cnki.net/fyzs-front-api/getToken" url …

测试工程师求职是选自研公司还是选外包公司呢?

大家好&#xff0c; 今天我们一起来聊一聊测试工程师求职是选自研公司&还是选外包公司呢&#xff1f; 今天来谈谈我的个人看法&#xff0c;作为一个在测试岗位上多年的我来说&#xff0c;自研公司比较好&#xff0c;外包公司其实也不会差。各自都有特点特色&#xff0c;根据…

能否安全地删除 Mac 资源库中的文件?

在管理Mac电脑存储空间时&#xff0c;用户确实可能考虑对资源库&#xff08;Library&#xff09;文件夹进行清理以释放空间。Mac资源库是一个系统及应用程序存放重要支持文件的地方&#xff0c;其中包括但不限于配置文件、临时文件、缓存、插件、偏好设置、应用程序支持数据等。…

Django路由配置

简单说一下django路由配置&#xff0c;发现很多同学出错。 首先&#xff0c;先创建自己的app文件&#xff08;用 python manage.py startapp myApp来创建自己的app&#xff09; 这个是自己 在Django的配置文件setting.py添加自己的项目文件myapp ok&#xff0c;此时就可以添加路…

JavaWeb后端——Mybatis

概述 Mybatis&#xff1a;Java程序来对数据库进行操作&#xff0c;一款优秀的持久层框架&#xff0c;用于简化JDBC的开发 SSM&#xff1a;SpringMVC、Spring、Mybatis 快速入门 步骤2&#xff1a;注意数据库连接的四要素 application.properties&#xff1a;springboot 的默…

百度富文本编辑器配置(vue3)

今天分享一下我做的项目里面的一个百度富文本的配置问题&#xff0c;安装配置流程以及如何解决的 1.首先是安装组件 # vue-ueditor-wrap v3 仅支持 Vue 3 npm i vue-ueditor-wrap3.x -S # or yarn add vue-ueditor-wrap3.x 2. 下载 UEditor UEditor 并不支持通过 npm 的方式…

mid格式是什么文件?怎么把mid转换成MP3?

MID&#xff08;Musical Instrument Digital Interface&#xff09;文件格式可以追溯到20世纪80年代&#xff0c;当时音频技术正在蓬勃发展。为了促进不同音乐设备之间的数据交流&#xff0c;MID格式应运而生。其初衷是作为一种标准的音乐数据传输协议&#xff0c;使得各类乐器…

C之结构体初始化10种写法总结(九十)

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

【NLP】关于BERT模型的一些认知

BERT&#xff08;Bidirectional Encoder Representations from Transformers&#xff09;模型是由Google在2018年提出的预训练Transformer模型&#xff0c;用于自然语言处理任务。 一. BERT模型的架构 1.1 输入表示 / Encoder模块 BERT中的Encoder模块是由三种Embedding&…

初识C++ · 类和对象(上)

目录 1.面向过程和面向对象初步认识 2.类的引入 3.类的定义 4.类的访问限定符及封装 4.1 访问限定符 4.2 封装 5.类的作用域 6.类的实例化 7.类的对象大小的计算 8.类成员函数的this指针 1.面向过程和面向对象初步认识 C语言是一门面向过程的语言&#xff0c;注重的…

ASP.Net添加Swagger注释

文章目录 Swagger添加Swagger注释 Swagger 添加Swagger注释 1、右击项目->选择属性->点击生成->输出&#xff0c;选中文档文件 2、配置服务 在program.cs 文件里配置SwaggerUI //增加项一 builder.Services.AddSwaggerGen(c> {c.SwaggerDoc("v1", ne…