HMI-64-【多媒体】Ui全部制作完成

简介: 重点:这段时间公司项目换平台,在加上家里娃娃出生,是真的没有时间搞这个项目,这个项目先只能按下暂停键。不过庆幸的是资源文件全部都做完了,喜欢的小伙伴,可以联系我,继续搞下去。

头图

HMI-64-【多媒体】Ui全部制作完成

[toc]

本文关键字: QtHMI多媒体QList车联网UI

重点:这段时间公司项目换平台,在加上家里娃娃出生,是真的没有时间搞这个项目,这个项目先只能按下暂停键。不过庆幸的是资源文件全部都做完了,喜欢的小伙伴,可以联系我,继续搞下去。

☀前言

其实呢,写到这里,如果是第一次点击进来这个系列的文章,那你一定是在想着傻子在干嘛,写的啥玩意,所以呢,我还是建议你看看整个系列Qt 汽车 HMI 仪表,毕竟写到这里,我有时候会迷糊,尤其是变量命名上,真的不知道以前的规则了,好多时候都是写到差不多了,回去一看,我曹,偏离了以前的风格,于是又花大量的时间去修改变量名,这个项目呢,持续的时间是在太久了,从之前整个UI练练手的想法,到现在想把它做成一个完成度较高的“产品”它已经已经跟着我走过三家公司了,不是说我工作换的,只是想说这个项目时间真的拖得好长,每家公司的编码风格也不一样,加上自己的懒散,就导致了现在的结果,我也在努力控制着,尽量保持风格一致有点。

为了大家更好的阅读,知道我在干啥,所以我也开始整理现在的程序了。我也不知道该怎么表示,毕竟大学里面学得软件工程全部都还给老师了,一点都不记得了。也不是什么大神,没啥框架,就是自己想着瞎写。只能按照我的想法瞎写瞎画,如果还能为大家提供有点帮助或者灵感,那就更好了。

我这里准备了两个文件,一个是当前的一个大致的组织架构图;一个是函数的调用图,尤其是这个函数调用图,我是真的不会表示,大家勉强看看吧。

框架图

我管这个图为框架图,那就叫框架图,会不定期更新,最新的可以看这个网址HMI项目框架

image-20220508100300093

函数调用流程

同上面一样,我就管这个图叫做函数流程调用图,里面用的还是流程图的基本样式,不过我在调用其他类的接口的时候,我把类图的图标拿来使用了,这样大家应该能明白吧。

☮ 比如里面有一个Loader类,我想表达的就是我创建一个Loader的实体对象(为啥是创建呢,就是里面我第一个函数是构造函数,所以是新创建类对象)。然后调用器show函数。,在后面还有一个finish函数,因为这个图连没有构造函数,所以这个表示的是调用上面创建对象的finish函数。

同样,会不定期更新,最新的在这里HMI项目函数调用流程

image-20220508111127956

✍本文计划

​ 今天没有任何技术内容,仅仅吧所有UI资源制作完成了,现在里面显示的还是整体Demo图片,还没有做UI上的实现。先来看一下吧。

​ CSDN不允许我上传大于5M的Git动画。所以,这里加上B站的连接,可以看看,有很多功能肯定是做不完了。

[video(video-12trUcqM-1655520758906)(type-bilibili)(url-https://player.bilibili.com/player.html?aid=685089948)(image-https://ucc.alicdn.com/images/user-upload-01/img_convert/b6302f5b7204db571f9796e72c6a1c63.png)(title-基于Qt的汽车仪表多媒体UI界面资源展示)]

✈B站链接:https://www.bilibili.com/video/BV1mU4y1X7o7/

☢当前进度

​ 其实以上大部分内容还都是图片了,只是全部模块的资源文件基本已经出来了,这里做个暂时,后面也都是从这个目标努力

☯功能实现

1 菜单

demo

### 2 360全景

demo

3 空调

demo

4 行车记录仪

demo

5 车联网

Demo

6 手机互联

demo

7 多媒体

demo

8 地图

这部分应该是地图SDK中的UI

demo

9 电话

demo

10 收音机

demo

11 设置

demo

到这里,软件对应的本本是V-4.5.0


◕目前项目进展

​ 目前以完成了HUD和液晶仪表三种模式的开发。三个阶段合并展示如下:

[video(video-yznBr6e3-1648369267384)(type-bilibili)(url-https://player.bilibili.com/player.html?aid=679609061)(image-https://ucc.alicdn.com/images/user-upload-01/img_convert/4d157e1cb316b007a2cb9790cb2dbfde.png)(title-基于Qt的汽车仪表模拟 3.0)]

▶第三阶段 液晶仪表节能模式

✈B站链接:https://www.bilibili.com/video/BV1WS4y137y1/

▶第二阶段 液晶仪表运动模式

✈B站链接:https://www.bilibili.com/video/BV1aq4y1t7H7/

▶第一阶段 HUD和液晶仪表舒适模式

✈B站链接:https://www.bilibili.com/video/BV1qJ411X7Gs/

©说明:

☑ 本项目中所使借鉴原型来自:[吉利] 博瑞GE | 仪表HMI设计吉利汽车HMI项目

☑ 多媒体部分是来自吉利博瑞2017旗舰版界面所有权和解释权都归吉利汽车所有。

☑ 设计图的所有权和解释权都归吉利汽车所有。

☑ 本项目所有资源文件均由打不死的小海复刻制作。

☑ 本项目代码暂时不会开源,有需要的源码的可与我联系(博文结尾有我微信)。

☑ 本项目仅限学习交流、禁止商业使用。


博客签名2021

相关文章
|
4月前
|
开发者 C# UED
WPF与多媒体:解锁音频视频播放新姿势——从界面设计到代码实践,全方位教你如何在WPF应用中集成流畅的多媒体功能
【8月更文挑战第31天】本文以随笔形式介绍了如何在WPF应用中集成音频和视频播放功能。通过使用MediaElement控件,开发者能轻松创建多媒体应用程序。文章详细展示了从创建WPF项目到设计UI及实现媒体控制逻辑的过程,并提供了完整的示例代码。此外,还介绍了如何添加进度条等额外功能以增强用户体验。希望本文能为WPF开发者提供实用的技术指导与灵感。
179 0
|
7月前
|
图形学
Unity Hololens2开发|(六)MRTK3子系统 DictationSubsystem(听写功能)
Unity Hololens2开发|(六)MRTK3子系统 DictationSubsystem(听写功能)
HMI-56-【多媒体】音乐播放器 5
上一篇中实现了音乐播放的后台线程,夜里睡觉也没有睡踏实,总是感觉不合适,所以今天还是决定重新搞一下。
HMI-52-【多媒体】音乐播放器 1
今天我们搞音乐播放器,哎嗨,这个东西要是往细碎了搞,事情还真不少,今天就先努力实现面上的内容。
HMI-55-【多媒体】音乐播放器 4
今天我们接着搞音乐播放器,今天主要实现音乐播放器的播放音频功能
HMI-54-【多媒体】音乐播放器 3
今天我们接着搞音乐播放器,今天我们实现这个中心的音乐播放器。也就是这个歌曲信息,上一曲下一曲暂停,播放进度啥的。
HMI-53-【多媒体】音乐播放器 2
今天我们接着搞我们的音乐播放器,今天我把们昨天剩下的那些布局搞一搞,后面再实现细节,今天我们把下面的菜单和逻辑实现了,以及上次漏掉的右上角的子菜单按钮。
HMI-58-【多媒体】重构底部菜单
今天的这个没有新的内容,就是计划重新构建下底部菜单,开始是在每个界面里面都做了底部菜单,开始我以为每个界面都不一样,和面我研究了一下发现,每个界面的底部菜单都是一样的呀,那我们就好所了,开始重构。把底部菜单移到他的父页面中。
HMI-46-【多媒体】Title界面实现 1
今天我将尝试实现以下多媒体部的Title部分,主要是时间、左右空调温度。
HMI-47-【多媒体】Title界面实现 2
今天我将尝试实现以下多媒体部的Title部分,主要是空调出风模式、空调风量、空调模式.