步骤条是一种常见的导航形式,在各种流程处理中随处可见,例如重置密码,网购流程等等。ivx中已经将其封装成一个拓展组件,今天就说一说它是如何使用的吧。
1.demo结构
demo中主要内容放在一个横幅之中,正好三个行容器划分3部分。行1是放置步骤条容器,行2则是放置两个对步骤条容器进行操作的按钮组件。steps行可以看做一个文本标注行,主要就是让步骤名称对应好下面的步骤条组件,其内部的行1,行2几个行组件都是作为文本之间的填充。
2.步骤条
步骤条是拓展组件的一种,添加位置如下图所示。选中步骤条容器再点开拓展组件就可以在步骤条容器内添加步骤条。
选中步骤条容器,当前步骤这个属性的值是一个数值变量,而且是从0开始的。还可以设置图标的宽高以及图标之间的大小。