效果
如下所示,一个典型的计算器按键。常规操作是拖放多个按钮,分别设置文字,各自做一个点击交互。UIOTOS中用套娃提供了另一种实现方式。
步骤1
新建一个页面(下层),拖放一个按钮并设置默认文字,做好点击提示:
步骤2
新建另一页面(上层),摆放多个容器组件,分别套娃前面同一个页面:
步骤3
上面套娃后,显示都一样(都为步骤一内嵌页面的按钮外观)。现在对每个容器组件设置属性继承,把里面按钮的文字、颜色属性继承上来:
步骤4
各个容器组件,对继承过来的属性,分别设置文字1、2、3以及+、-、×、÷,包括背景颜色设置:
步骤5
分别设置好后,运行测试:
小结
UIOTOS支持页面和页面之间,任意多层无限套娃。并且可以对属性逐层继承,在上层重新设置,跟自身属性一样。
复杂界面通过套娃,可拆解成多个页面部件,单独开发设计,并且能复用。相当于技术术语中“面向对象”、“派生继承”的图形化。
页面无限嵌套,是UIOTOS的核心特色,也是业内能用零代码,开发前端界面的关键所在。