1. HMI行业全景：工业4.0下的HMI趋势、多屏交互场景分析、课程目标与学习路径
1.1 工业4.0浪潮下的HMI新角色
大家好，我是你们这门课的主讲。在嵌入式HMI这个领域摸爬滚打了十几年，我亲眼看着HMI从一块简单的「显示屏幕」，变成了如今工业4.0架构里的「智能交互中枢」。
说白了，现在的HMI不再只是「给人看的」。它要跟云端对话，要跟边缘设备握手，还要在多个屏幕之间无缝切换。我2018年做第一个车载多屏项目时，就被客户要求「中控屏、仪表屏、后排娱乐屏必须能同步导航信息」。那时候我才意识到，单屏思维已经彻底过时了。
核心趋势一：从「单机显示」到「分布式交互」
工业4.0要求HMI具备数据采集、边缘计算、远程监控的能力。你想想看，一个工厂里可能有几十块屏幕，它们不能各自为政，必须协同工作。
核心趋势二：从「物理按键」到「无界交互」
语音、手势、触控、甚至眼动追踪，都在往HMI里塞。我去年帮一家医疗设备公司做方案，他们要求手术室里的HMI必须支持「戴手套触控」和「语音指令」双模切换。嗯，这里要注意，多模态交互的底层逻辑是「冗余设计」——一种方式失效，另一种立刻顶上。
核心趋势三：从「定制开发」到「平台化框架」
以前每个项目都从零写UI，累不累？现在行业里流行用Qt、LVGL、Flutter这类框架做二次开发。我个人的习惯是，先选一个成熟的框架，再根据场景做深度定制。这样能省下至少40%的开发时间。
1.2 多屏交互场景深度分析
多屏交互不是「多放几块屏幕」那么简单。不同行业对多屏的需求，简直是天壤之别。我挑三个最典型的场景跟你聊聊。
1.2.1 车载场景：安全与沉浸的博弈
车载HMI是我投入精力最多的领域。为什么？因为它是「人命关天」的交互。
- 仪表屏：必须毫秒级响应，显示车速、电量、故障码。我踩过一个坑——仪表屏的刷新率如果低于30fps，驾驶员会感到明显的「卡顿感」，这在高速行驶时非常危险。
- 中控屏：承担导航、娱乐、空调控制。这里有个设计原则：驾驶过程中，中控屏的交互层级不能超过2级。我曾经见过一个方案，调个空调温度要点4次屏幕，这绝对不行。
- HUD抬头显示：信息要「少而精」。只显示导航箭头、限速、ADAS警告。别把HUD做成第二个中控屏，那会分散驾驶员注意力。
我的经验：车载多屏同步，最头疼的是「时序一致性」。比如中控屏收到导航指令，仪表屏要同时显示转向箭头。我建议用「共享内存+信号量」的机制，而不是网络通信。网络延迟在车载环境里不可控。
1.2.2 工控场景：可靠与效率的平衡
工控HMI，说白了就是「机器的大脑和脸面」。操作工每天盯着它8小时，UI设计必须考虑「抗疲劳」和「防误触」。
- 产线监控屏：显示设备状态、产量、报警信息。颜色编码要统一——绿色运行、黄色待机、红色故障。别用花里胡哨的渐变色，工控环境光线复杂，高对比度才是王道。
- 操作员站：支持多点触控，但关键操作（如急停、参数修改）必须二次确认。我见过一个案例，操作工误触了「启动」按钮，导致整条产线空转，损失了几十万。从那以后，我所有工控项目都强制加「确认弹窗」。
- 数据看板：大屏展示KPI，通常用Web技术（如Vue+ECharts）实现。这里要注意，工控大屏的刷新频率不要超过1秒一次，否则CPU负载会飙升。
避坑指南：我曾经在工控项目里用过LVGL的「动画过渡」效果，结果在PLC扫描周期短的场景下，动画导致UI线程阻塞，报警信息延迟了200ms才显示。嗯，从那以后，工控HMI我基本禁用动画。
1.2.3 医疗场景：精准与合规的挑战
医疗HMI是我觉得「最难做」的。为什么？因为要过FDA、CE认证，UI的每一个像素都要有文档说明。
- 监护仪：波形显示必须实时，数据不能丢帧。我建议用「双缓冲」技术，一个缓冲区渲染，一个缓冲区显示，避免撕裂。
- 手术机器人控制台：触控+脚踏+语音，多模态输入。这里有个设计细节：触控区域要足够大（至少44x44像素），因为医生可能戴着手套，手指精度会下降。
- 影像诊断屏：对色彩还原度要求极高。普通屏幕的sRGB色域不够，得用DCI-P3色域的医疗级显示器。软件层面，要支持「DICOM灰度标准」。
我的建议：医疗HMI的字体大小，一定要遵循「3倍原则」——操作者距离屏幕多远，字体高度就是距离的1/3。比如距离1米，字体高度至少33px。这是人因工程学的基本要求。
1.3 课程目标与学习路径
这门课不是教你怎么「画界面」的。市面上教Qt、教LVGL的课太多了。我要教的是——在多屏、多场景、多约束条件下，如何做HMI架构选型和定制。
1.3.1 课程目标
| 目标维度 | 具体内容 |
|---|---|
| 架构能力 | 掌握多屏通信协议（DDS、Some/IP、MQTT）、资源管理、任务调度 |
| 框架选型 | 能根据场景（车载/工控/医疗）选择Qt、LVGL、Flutter、AWTK等框架 |
| 定制实战 | 能对框架进行深度裁剪、性能优化、安全加固 |
| 设计思维 | 掌握人因工程、交互设计规范、无障碍设计 |
1.3.2 学习路径建议
我个人建议你按这个顺序来学，别跳着看：
- 基础篇（第1-5章）：搞懂HMI行业全景、多屏交互原理、主流框架对比。这部分是「扫盲」，但很重要。
- 选型篇（第6-12章）：深入Qt、LVGL、Flutter的架构细节。我会带你做「选型决策树」，根据你的项目需求，一步步选出最合适的框架。
- 定制篇（第13-22章）：这是核心。我会教你如何裁剪框架、优化内存、实现多屏同步、做安全加固。每个章节都有完整的代码示例。
- 实战篇（第23-30章）：三个完整项目——车载仪表盘、工控HMI、医疗监护仪。从需求分析到交付，全流程走一遍。
学习建议：每学完一章，一定要动手写代码。别光看。我见过太多人「眼睛会了，手不会」。你可以在GitHub上建一个仓库，把每章的练习代码都放进去。30章下来，这就是你的作品集。
1.4 写在章节末尾的话
做HMI这么多年，我最大的感受是：技术是工具，场景是灵魂。你学会了Qt、LVGL，不代表你能做出好用的HMI。你得理解用户是谁、在什么环境下用、有什么约束条件。
这门课里，我会把我在车载、工控、医疗三个领域踩过的坑、总结的经验，毫无保留地分享给你。有些经验可能书上没有，但实战中非常管用。
好，第一章就到这里。下一章，我们直接进入「多屏交互的核心技术——通信协议与数据同步」。我会带你手写一个简单的DDS通信示例，让你感受一下多屏之间是怎么「说话」的。
咱们第二章见。