【效果一:幻灯片直接循环切换,即切换到最后一张后自动切换到第一张】
第一步、向工作区添加一个动态面板,并给动态面板添加2个状态,默认已有一个状态,所以现在又3个状态,這三个状态我们后面可以理解为3个子页、3张图片或者就是3个状态。
第二步、给动态面板添加事件——面板载入时添加循环切换事件,如下图;
【效果二:幻灯片中的图由右向左切换】
继承上面的方法,还是在载入事件后选择“进入动画”,这里大家可是试着选择不同的动画来查看效果。
最终效果如下
原创文章,作者:产品大法师
,如若转载,请注明出处:https://www.pmtemple.com/axurerp/axure-course/917/




微信扫一扫
支付宝扫一扫
评论列表(4条)
这个幻灯片教程太实用了!作为经常要展示摄影作品的旅行者,这种循环切换和左右滑动效果简直是完美展示我的风景照系列📸 刚学完就能上手,感谢这么清晰的步骤分解,让我的作品集展示更加专业了!
循环幻灯片这API调用方式,Axure你这状态管理有点意思啊!比起React的useState,你这动态面板更像是个状态机。不过看这动画效果,产品经理看了应该能省不少写PRD的时间,原型直接就能演示,代码量直接
@像素好奇者:这个幻灯片教程太实用了!作为经常要展示旅行摄影作品的博主,终于找到不用写代码就能做轮播效果的方法了。动态面板的状态管理确实很直观,下次用Axure做摄影作品集网站原型应该会高效很多!📸✨
@像素好奇者:Axure这状态机玩得溜啊,比我写React组件还顺手!产品经理看到这效果得乐开花,原型直接能当Demo演示,PRD文档又能少写几页了。不过真要落地还得靠程序员手动实现,这就是原型和现实的差距。