⚡ 充电桩UI实战
30章 · 从入门到部署
🧑🏫 风格 · 交互目录
1
充电桩行业概述与UI设计基础
行业
充电桩市场现状、分类(交流/直流)、人机交互原则、UI设计流程
2
触摸屏硬件选型与接口
硬件
电阻屏与电容屏区别、常用型号(DWIN/Nextion)、串口通信基础
3
开发环境搭建
环境
Keil/IAR配置、LVGL库移植、SquareLine Studio模拟器
4
LVGL基础框架
核心
对象(lv_obj)、屏幕管理、坐标系统、事件驱动机制
5
基础控件(一)
控件
标签(lv_label)、按钮(lv_btn)、进度条(lv_bar)创建与属性
6
基础控件(二)
交互
文本框、开关(lv_switch)、滑块(lv_slider)交互实现
7
充电桩主界面设计
界面
充电状态、电量百分比、功率、剩余时间布局
8
充电桩启动流程界面
流程
插枪检测动画、刷卡/NFC认证、启动倒计时
9
充电参数设置界面
设置
充电模式(即充/定时/定量)、电流电压滑块、确认逻辑
10
充电中实时监控界面
监控
动态曲线(lv_chart)、异常报警弹窗、暂停/停止
11
充电结束与结算界面
结算
度数统计、费用计算、支付方式(扫码/会员)、历史入口
12
故障报警与异常处理界面
报警
故障码显示、蜂鸣器联动、自动断电、手动复位
13
多语言界面实现
国际化
中英文切换、字符串表、LVGL字体库加载
14
触摸手势与动画
动效
滑动手势翻页、按钮动画、进度条填充、过渡效果
15
数据存储与历史记录
存储
EEPROM/Flash读写、充电记录存储、历史列表
16
与充电桩主控板通信(Modbus)
协议
Modbus RTU帧结构、CRC校验、读写寄存器
17
与BMS(电池管理系统)交互
BMS
BMS协议解析、SOC读取、电池温度显示
18
与后台通信(4G/WiFi)
通信
MQTT基础、JSON封装、心跳包与断线重连
19
OTA远程升级
升级
固件分区、升级包下载、校验烧录、进度显示
20
用户权限管理
安全
管理员密码、操作日志、参数锁定
21
屏幕亮度与节能模式
节能
光敏传感器、自动亮度调节、休眠唤醒
22
声音交互设计
音频
TTS语音播报、按键音效、报警音播放
23
UI性能优化
优化
帧率优化、内存管理、局部刷新、图片压缩缓存
24
触摸校准与防误触
校准
四点校准算法、长按防抖、触摸区域屏蔽
25
多屏联动与扩展
扩展
双屏显示(主屏+副屏)、扩展IO、外接打印机
26
EMC与可靠性设计
可靠性
静电防护、电源隔离、看门狗、异常复位
27
产品认证与标准
认证
国标GB/T 18487、CE/FCC、UI安全标识
28
项目实战(一)
实战
从零搭建UI原型，主界面与启动流程
29
项目实战(二)
实战
充电监控、故障报警与结算界面联调
30
项目实战(三)
交付
集成通信、OTA与多语言，整机测试发布