Axure RP基础篇: 实现循环显示效果的两种方法

起点学院产品经理365成长计划,2天线下闭门集训+1年在线学习,全面掌握BAT产品经理体系。了解详情

如何用Axure实现循环显示效果,本文收集了两种选择,可以通过

I) 中间件实现(无刷新、无变量页面滚动实现方法),

II) 重新加载当前页面来实现。

下面将分别简单介绍。

I) 中间件实现(无刷新、无变量页面滚动实现方法)

1、在实现触发自动播放的动态面板时,如果触发和实现在同一个面板的话,效果很不好,于是需要添加一个辅助的动态面板,将之命名为“辅助”;
21
2、首先,在加载页面时,给辅助面板一个触发的动作:
22
3、在辅助的面板上,实现页面show的动态面板的滚动,最后的动作会移动“辅助”,于是会再触发,结果就相当于在这个面板上实现了死循环:
23

II) 重新加载当前页面

其主要思路是利用Dynamic Panel和OnPageLoad实现。具体步骤如下:

1、在页面中插入Dynamic Panel,拖拽至合适位置大小适中;

2、Dynamic Panel命名为“循环显示”,并添加四个状态,分别为state1、state2、state3、state4;

3、把要实现的效果分别放在相应的state中,如下图

1

4、选中“循环显示”动态面板,添加OnPageLoad事件,如下图

2

5、到此要实现的效果基本实现,如下图所示,循环至State4(第四个圆点变红)后页面会自动刷新,然后循环从State1重新开始。

jieguo

怎么样,简单不呢?黑黑~

转自: http://www.zhuipark.com/?p=650

或者猛戳这里

您的赞赏,是对我创作的最大鼓励。

评论( 8

登录后参与评论
  1. 有点落后了

    回复
  2. 第一个没看懂。。。。。。。。。。。 :arrow:

    回复
  3. 只看懂了重新加载这个

    回复
  4. 辅助这招绝了,赞一个

    回复
  5. 没看懂

    回复
  6. 表示,依然没看懂

    回复
  7. 我表示,没看懂

    回复
  8. :grin:

    回复
加载中