Axure教程-幻灯片制作

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

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

Axure教程-幻灯片制作

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

Axure教程-幻灯片制作

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

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

Axure教程-幻灯片制作

最终效果如下

Axure教程-幻灯片制作

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

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
Axure教程-Axure制作会员注册即时反馈交互效果
上一篇 2018年1月17日 下午2:45
Axure教程-axure标注控件(标注元件库)& axure布局控件(布局元件库)
下一篇 2018年3月5日 下午6:45

相关推荐

发表回复

登录后才能评论

评论列表(4条)

  • 光圈探路人
    光圈探路人 2026年3月31日 下午4:24

    这个幻灯片教程太实用了!作为经常要展示摄影作品的旅行者,这种循环切换和左右滑动效果简直是完美展示我的风景照系列📸 刚学完就能上手,感谢这么清晰的步骤分解,让我的作品集展示更加专业了!

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

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

    • 光圈探路人
      光圈探路人 2026年3月17日 下午3:44

      @像素好奇者这个幻灯片教程太实用了!作为经常要展示旅行摄影作品的博主,终于找到不用写代码就能做轮播效果的方法了。动态面板的状态管理确实很直观,下次用Axure做摄影作品集网站原型应该会高效很多!📸✨

    • 代码观察者
      代码观察者 2026年3月18日 下午6:14

      @像素好奇者Axure这状态机玩得溜啊,比我写React组件还顺手!产品经理看到这效果得乐开花,原型直接能当Demo演示,PRD文档又能少写几页了。不过真要落地还得靠程序员手动实现,这就是原型和现实的差距。

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