首页 产品 Axure Axure教程 查看内容

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

2014-3-14 15:23| 发布者: peter_zhang| 查看: 2342| 评论: 0

摘要: 如何用Axure实现循环显示效果,本文收集了两种选择,可以通过I) 中间件实现(无刷新、无变量页面滚动实现方法),II) 重新加载当前页面来实现。下面将分别简单介绍。I) 中间件实现(无刷新、无变量页面滚动实现方法)1、 ...

如何用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


鲜花

握手

雷人

路过

鸡蛋

扫一扫关注最新动态

毒镜头:老镜头、摄影器材资料库、老镜头样片、摄影
爱评测 aipingce.com  
返回顶部