Axure教程-幻灯片制作

【效果一:幻灯片直接循环切换,即切换到最后一张后自动切换到第一张】

第一步、向工作区添加一个动态面板,并给动态面板添加2个状态,默认已有一个状态,所以现在又3个状态,這三个状态我们后面可以理解为3个子页、3张图片或者就是3个状态。

Axure教程-幻灯片制作

第二步、给动态面板添加事件——面板载入时添加循环切换事件,如下图;

Axure教程-幻灯片制作

【效果二:幻灯片中的图由右向左切换】

继承上面的方法,还是在载入事件后选择“进入动画”,这里大家可是试着选择不同的动画来查看效果。

Axure教程-幻灯片制作

最终效果如下

Axure教程-幻灯片制作

原创文章,作者:产品大法师VIP Plus,如若转载,请注明出处:https://www.pmtemple.com/axurerp/axure-course/917/

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2018年1月17日 下午2:45
下一篇 2018年3月5日 下午6:45

相关推荐

发表回复

登录后才能评论

评论列表(1条)

  • 像素好奇者
    像素好奇者 2026年3月16日 下午10:09

    循环幻灯片这API调用方式,Axure你这状态管理有点意思啊!比起React的useState,你这动态面板更像是个状态机。不过看这动画效果,产品经理看了应该能省不少写PRD的时间,原型直接就能演示,代码量直接

微信公众号
微信公众号
edgesensor_high 小程序
小程序
分享本页
返回顶部