前端零代码5：新能源汽车HMI中控屏

UIOTOS前端零代码，原型即应用，由界面无限嵌套技术实现。本篇介绍中控屏示例。

效果

如下所示，典型的新能源汽车中控屏交互界面，参考原型1:1实现。若再加上接口组件，对接硬件，即可实现完整功能。

 

步骤1：主界面

以通知中心为例，通过嵌套、继承和重写，从公共页面搭建各信息面板。

 

底层公共消息条页面

 

嵌套后，继承重写数据

 

对话框嵌套成为弹窗面板

 

应用通知面板类似

步骤2：控制界面

主界面通过页签，嵌套多个菜单页面，以车机控制为例，如下所示，通过页签、滚动页、嵌套，实现界面的层层分解：

 

 

其他：略

小结

UIOTOS支持页面和页面之间，任意多层无限套娃，拆解成多个页面部件，单独开发设计。作为核心特色，是零代码开发前端界面的关键所在。