界面套娃开发2:计算器按键

2024-09-03 19:05   湖北  

效果

如下所示,一个典型的计算器按键。常规操作是拖放多个按钮,分别设置文字,各自做一个点击交互。UIOTOS中用套娃提供了另一种实现方式。

步骤1

新建一个页面(下层),拖放一个按钮并设置默认文字,做好点击提示:

步骤2

新建另一页面(上层),摆放多个容器组件,分别套娃前面同一个页面:

步骤3

上面套娃后,显示都一样(都为步骤一内嵌页面的按钮外观)。现在对每个容器组件设置属性继承,把里面按钮的文字、颜色属性继承上来:

步骤4

各个容器组件,对继承过来的属性,分别设置文字1、2、3以及+、-、×、÷,包括背景颜色设置:

步骤5

分别设置好后,运行测试:

小结

UIOTOS支持页面和页面之间,任意多层无限套娃。并且可以对属性逐层继承,在上层重新设置,跟自身属性一样。

复杂界面通过套娃,可拆解成多个页面部件,单独开发设计,并且能复用。相当于技术术语中“面向对象”、“派生继承”的图形化。

页面无限嵌套,是UIOTOS的核心特色,也是业内能用零代码,开发前端界面的关键所在。

前端组态
关于页面嵌套相关技术和应用,涉及前端零代码、可视化编程等。
 最新文章