Axure RP 8.0 用动态面板实现循环代码

来源:互联网 发布:历年总决赛mvp平均数据 编辑:程序博客网 时间:2024/06/06 00:33

Axure是一个原型设计网站,本来不需要承担程序设计语言的功能,但是他首先提供了分支选择, 在元件的各种情况下(点击,改变,加载等等)都可以设计详细的触发事件,对于另一个基本元素“循环”,Axure可以用动态面板实现。

简单记一下,后面再补充。

这里写图片描述
如图,一个变量all_exist_department中有一堆字符串,希望实现不断循环,将其中的每个字符都加在另一个变量myFirstVar中。
1. 首先创建一个动态面板,由于我们只是想实现循环操作,并不需要制作跑马灯或者其他的轮播效果,所以动态面板中不需要填什么东西,也不需要显示出来。
2. 如下图1部分,创建两个state,以供后面切换;
3. 我们利用状态的不断切换来实现循环功能,在该动态面板–属性–状态改变时添加一个case,如下图3。我们采用另一个全局变量num1来计数,用
all_exist_department.substring(num1,num1+1)来截取一个字符然后加在myFirstVar末尾。然后num1++。最后,把状态改变为next。
【千万注意】使用next作为状态切换形式简洁,但一定要勾选“向后循环”,如下图:
这里写图片描述
4. 同时我们设置一个终止状态,num1等于all_exist_department长度时终止。
5. 不要忘记在加载时这个选项中触发一下状态更改,否则以上操作不会被触发,自然不被执行。
6. 附,如果不用向后循环的话,就要设置成以下操作,效果等价,但稍嫌麻烦。

    1.if 在state1-->操作,切state2    2.if 在state2-->操作,切state1 

详细操作后面补,没有时间了。

原创粉丝点击