哇偶!




充电桩待机界面的创建
充电桩的三个典型状态之一——待机状态。参考国家电网的设计方案,其充电桩在待机的时候是循环播放图片广告。所以我也就参考其设计,设计成这个样子了。

我使用了拓普微的界面设计工具,添加底部的文字与两张图片(软件里称为图标),用于显示我们的赞助商。
在左上,使用1个图标矩阵,即4个图标来显示一幅图片。此智能屏仅可以上传1/4的屏幕大小的图片,所以将整张图片给拆解了。在右上部添加了时钟显示,用来显示当前的时间,在右中部添加了一个二维码来标识充电桩的基本信息,比如计费,维护等。
时钟、二维码的设计实在是太方便了,控件拖拽即完成。
在图片的显示虽然有些局限性,但拓普微其实也有另外的解决方案——使用背景图片的方式,而国家电网的方案也是这样的。只不过,我当时仅设计了三个状态,于是才有了现在的workaround方案。
最后,大家可以扫描一下我的二维码,这个可是真实有效的呀!

回复
有奖活动 | |
---|---|
【有奖活动】分享技术经验,兑换京东卡 | |
话不多说,快进群! | |
请大声喊出:我要开发板! | |
【有奖活动】EEPW网站征稿正在进行时,欢迎踊跃投稿啦 | |
奖!发布技术笔记,技术评测贴换取您心仪的礼品 | |
打赏了!打赏了!打赏了! |
打赏帖 | |
---|---|
Buck电路工作在CCM模式下电感电流的计算公式是什么?被打赏5分 | |
buck电路工作原理被打赏5分 | |
基于MSPM0L1306的MODBUS-RTU协议通讯实验被打赏100分 | |
我想要一部加热台+多合一调试工具被打赏18分 | |
每周了解几个硬件知识+485硬件知识分享被打赏10分 | |
【换取手持数字示波器】树莓派PICO调试器官方固件本地化部署实践被打赏24分 | |
【换取手持数字示波器】分享一个KEIL无法识别CMSIS-DAP调试器的解决办法被打赏20分 | |
【换取手持数字示波器】分享一个自制的ArduinoNano扩展板底板被打赏23分 | |
【换取手持示波器】树莓派PICOW网页烟花被打赏18分 | |
【换取手持示波器】树莓派PICO逻辑分析仪被打赏16分 |