一直在犹豫要不要写关于axure循环方面的介绍,因为循环的场景用其它方法都是可以实现的,今天还是用上次手机号码判断的案例来写一下循坏吧。
1、页面新建元件,手机号码输入框重命名为【手机号码输入框】按钮重命名为【按钮】再在页面拖动上来一个动态面板重命名为【循环】我们的循环功能主要用这个动态面板来实现。
大致页面如下:
2、将按钮设置为动态面板,并设置两层分别命名为【显示】【隐藏】当手机号码格式输入正确时展示显示这一层,并且高亮展示,当数据号码格式输入错误时展示隐藏这一层,至灰展示。
3、设置循环动态面板的交互。
4、设置页面载入时交互,当页面载入时开始循环调用循环动态面板。
这样页面就会循环判断【手机号码输入框】的数据情况。每隔500ms就会判断一次。