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

10 评论 79851 浏览 36 收藏 3 分钟

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

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

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

下面将分别简单介绍。

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

1、在实现触发自动播放的动态面板时,如果触发和实现在同一个面板的话,效果很不好,于是需要添加一个辅助的动态面板,将之命名为“辅助”;
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

或者猛戳这里

更多精彩内容,请关注人人都是产品经理微信公众号或下载App
海报
评论
评论请登录
  1. open reload in current window在有背景的情况下会短暂出现白屏,十分扎眼

    来自广东 回复
  2. 看不懂哇,你是省略了多少解题步骤?

    来自山东 回复
  3. 有点落后了

    来自湖南 回复
  4. 第一个没看懂。。。。。。。。。。。 ➡

    来自广东 回复
  5. 只看懂了重新加载这个

    来自广东 回复
  6. 辅助这招绝了,赞一个

    来自北京 回复
  7. 没看懂

    来自湖北 回复
  8. 表示,依然没看懂

    来自北京 回复
  9. 我表示,没看懂

    来自北京 回复
  10. 😀

    来自北京 回复