Axure RP 9 用动态面板实现循环/自动滚动列表

实现目标

要实现一个自动滚动的列表,如下图所示:

 

怎么做呢?

制作好列表,通过以下两种方法来实现滚动。

 

两种实现方式:

方式一,一个动态面板+Loaded事件:

直接上代码:

说明:

1、动态面板只有一个状态,数据表放在动态面板中,核心的方法是界面加载的时候,就执行move事件,move事件里面自动滚动列表;
2、务必注意wait方法,因为axure时间中部分时间的执行顺序是并行的,如上图中的Fire Event事件,如果不加wait事件,那么loaded方法一开始就会执行fire event事件,而不是等待move方法执行完成,所以wait方法是关键。

 

方式二,一个动态面板+两个内容展示的动态面板:

面板结构,父级动态面板dy,有两个状态state1和state2,state1里面是dy_table1,state2里面是dy_table2,直接上代码:

  • 0
    点赞
  • 20
    收藏
    觉得还不错? 一键收藏
  • 9
    评论
评论 9
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值