uiotos前端零代码示例:新能源汽车HMI中控屏| 零代码、0代码、无代码、低代码、可视化编程、nodered、amis、appsmith、codewave

144 阅读1分钟

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

效果

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

图片

步骤1:主界面

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

图片底层公共消息条页面

图片嵌套后,继承重写数据

图片对话框嵌套成为弹窗面板

图片应用通知面板类似

**步骤2:控制界面
**

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

图片

图片

其他:略**
**

**小结
**

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