HMI-43-【节能模式】顶部标题栏和底部信息栏及灯光及启动动画
HMI-43-【节能模式】顶部标题栏和底部信息栏及灯光及启动动画
今天来实现以下节能模式的Title底部信息栏,灯光系统,以及启动动画,液晶仪表也就暂时告一段路了。
当前进度
到今天位置,三个模式基本有了雏形,总算有个交代了,哎呀呀,感谢众多网友的支持,才得以坚持到这里。
文章目录
- HMI-43-【节能模式】顶部标题栏和底部信息栏及灯光及启动动画
- 当前进度
- 顶部信息栏
- 底部信息栏
- 灯光
- 启动动画
- 藏在缝隙里面的话
- 第二阶段成果展示
- 第一阶段成果展示
关键字:
HIMI
、QPainter
、Qt
、light
、eco
顶部信息栏
顶部信息栏基本和前面两个模式没有太多的区别。直接贴部分代码
void MDE_Title::setTime(QString time)
{ui->label_time->setText(time);
}void MDE_Title::setDirection(int direction)
{m_Direction = direction;switch (direction) {case DIRECTION_N:ui->label_direction_text->setText("N");break;case DIRECTION_NE:ui->label_direction_text->setText("NE");break;case DIRECTION_E:ui->label_direction_text->setText("E");break;case DIRECTION_SE:ui->label_direction_text->setText("SE");break;case DIRECTION_S:ui->label_direction_text->setText("S");break;case DIRECTION_SW:ui->label_direction_text->setText("SW");break;case DIRECTION_W:ui->label_direction_text->setText("W");break;case DIRECTION_NW:ui->label_direction_text->setText("NW");break;}
}void MDE_Title::setTemperature(QString temperature)
{ui->label_temperature->setText(temperature);
}bool MDE_Title::eventFilter(QObject *watched, QEvent *event)
{if(watched == ui->label_direction && event->type() == QEvent::Paint)drawDirection(m_Direction);return QWidget::eventFilter(watched,event);
}void MDE_Title::drawDirection(int direction)
{QPainter painter(ui->label_direction);painter.setRenderHint((QPainter::SmoothPixmapTransform));painter.setRenderHint(QPainter::HighQualityAntialiasing);painter.translate(20,20);painter.save();painter.rotate(direction*45+90);painter.drawPixmap(-16,-10,32,20,QPixmap(":/Economic/Resources/MeterDisplay/Economic/MDET/Direction/7.png"));painter.restore();
}
底部信息栏
这个和运动不是一模一样。没有代码。
灯光
三个模式用的是一个灯光控制,除了位置有点区别外,其他没有区别。
启动动画
启动动画还是前面的,直接搬过来用就可以。
void MD_Economic::slotShaoAll(int number)
{m_title->setGeometry(0,-110+1.1*number,1920,110);if(m_title->y() >-110){m_title->show();}m_bottom->setGeometry(0,790-1.4*number,1920,70);if(m_bottom->y()<720){m_bottom->show();}m_left->setGeometry(-500 +6.2*number,130,500,460);if(m_left->x()>-500){m_left->show();}m_center->setGeometry((622+ (675/2.0 - 675.0/200.0*number)),(27+ (674/2 - 674/200.0*number)),6.75*number,6.74*number);if(m_center->width()>10){m_center->show();if(m_center->width() == 675){
// m_center->powerUpFinished();}}m_right->setGeometry(2420 - 11.2*number,130,500,460);if(m_right->x()< 1920){m_right->show();}if(number == 100){emit signalPowerUpfinished();m_lightControl->show();}}
藏在缝隙里面的话
能写到这里,真的要感谢众多的网友的支持,多亏了大家前期的支持及鼓励。才能有今天写完的这一刻。和面准写多媒体模块了,UI已经找美术在做了。就是照搬吉利博瑞 2017块的多媒体。期待吧。
第二阶段成果展示
目前以完成HUD界面及接口开发,液晶仪表舒适模式和运动模式的开发。展示如下:
基于Qt的汽车仪表模拟 2.0
第一阶段成果展示
目前以完成HUD界面及接口开发,液晶仪表舒适模式开发。展示如下:
基于Qt的汽车仪表模拟 1.0)
说明:
本项目中所使借鉴原型来自:[吉利] 博瑞GE | 仪表HMI设计、吉利汽车HMI项目。
设计图的所有权和解释权都归吉利汽车所有。
本项目所有资源文件均由**打不死的小海**复刻制作。
本项目代码暂时不会开源,有需要的源码的可与我联系,左上角二维码加微信。
本项目仅限学习交流、禁止商业使用。
HMI-43-【节能模式】顶部标题栏和底部信息栏及灯光及启动动画相关推荐
- Android仿今日头条首页的顶部标签栏和底部导航栏
Android仿今日头条首页的顶部标签栏和底部导航栏 先是底部导航栏TextView+ImageView+Fragment: 效果图: activity_main.xml布局: <?xml ve ...
- android浮动标题栏,GitHub - DARTTTTT/LBehavior: 跟随手势滑动,显示隐藏标题栏、底部导航栏及悬浮按钮的Android Behavior Library...
LBehavior 简单实现标题栏.导航栏滑动动画 效果图 博客介绍 Download allprojects { repositories { ... maven { url 'https://ji ...
- Android进阶之路 - 顶部状态栏、底部虚拟导航栏相关操作
快过年了,2018希望我们每个人都健康,开心,同时继续上进 ! 2020补充:基本包含了我几年在开发中用到的关于顶部状态栏和底部导航栏的绝大部分功能 ~ 顶部状态栏 状态栏是否可见 获取状态栏高度 隐 ...
- 底部导航栏的几种实现方式
概述 Android底部导航栏实现方式真的是太多了~在这里仅介绍几种实现方式~建议使用TabLayout +ViewPager ,TabLayout是Android Material Design中的 ...
- Fragment底部导航栏的实现
1.要实现的效果图以及工程目录结构: 先看看效果图吧: 接着看看我们的工程的目录结构: 2.实现流程: Step 1:写下底部选项的一些资源文件 我们从图上可以看到,我们底部的每一项点击的时候都有不同 ...
- ActionBar 顶部标题栏 详解
[Android UI设计与开发]8.顶部标题栏(一)ActionBar 奥义·详解 一.ActionBar介绍 在Android 3.0中除了我们重点讲解的Fragment外,Action Bar也 ...
- 【Android UI设计与开发】第13期:顶部标题栏(四)自定义ActionBar风格和样式
转载请注明出处:http://blog.csdn.net/yangyu20121224/article/details/9087941 这篇文章将对ActionBar专题前面几篇学习过的内容做一个 ...
- 顶部标题栏(四)自定义ActionBar风格和样式
这篇文章将对ActionBar专题前面几篇学习过的内容做一个总结,顺便运用以前学过的知识实现一个自定义样式的ActionBar标题栏效果.话不多说,进入今天的正题. 一.实现效果图 竖屏效果图:最左边 ...
- android项目中自定义顶部标题栏,Android项目中自定义顶部标题栏
Android项目中自定义顶部标题栏 下面给大家详细介绍android中自定义顶部标题栏的思路及实现方式 先来图: 思路及实现步骤 1.定义标题栏布局 2.自定义TitleActivity控制标题栏按 ...
最新文章
- MongoDB数据库索引基础知识与实战技巧
- 解决thymeleaf报错 $ is not defined
- Java语言特性运用:各种Java语法特性是怎样被Spring各种版本巧妙运用的?
- [NOIP1999] 提高组 洛谷P1014 Cantor表
- [UVA 11374] Airport Express
- python 爬取种子_利用python代码爬取torrentkitty上的种子
- STC15W单片机解析GPS数据
- 游戏音效制作中难or不难?
- 如何通过几何画板学这些定理
- six MySQL 主主
- MS SQL用两个字段中较大的值为条件进行查询
- python将两张图片拼接成一张图_python实现两张图片拼接为一张图片并保存
- linux-网站服务
- ECDSA数字签名算法
- 扫雷超详解(可展开一片空白)
- CFA【异常检测:Embedding_based】
- 2020.01.27 再见24号
- 数据化运营之商品数据化运营
- PTA 计算谱半径 —— 简单题
- python3.7魔塔游戏_基于pygame的开发:魔塔小游戏开发
热门文章
- HttpMediaTypeNotSupportedException:Content type 'multipart/form-data;boundary=W10Jdm..'not supported
- 概括几种项目类型使用的技术路线
- css中reset属性详解,css中如何使用counter-reset属性
- c语言项目研发实训设计,关于软件设计实训心得体会(通用5篇)
- iOS 自定义转场动画
- UE4_关于Roll,Yaw,Pitch,Rotator的理解
- 安卓期末作业 学生成绩管理系统(可以注册登录,录入相关信息)
- 微信小程序,成语闯关游戏
- python发微信工资条_使用python自动发放员工工资条到个人邮箱
- 腾讯云Elasticsearch集群多可用区容灾实现原理及最佳实践