如何使用Axure:[6]实现图片自动轮播

 时间:2024-10-12 04:50:12

很多网站上都有那种图片自动切换/轮播的板块,由于在钽吟篑瑜Axure中没有现成的组件库,所以很多人想要实现这一效果时,就会比较迷茫。此篇为大家演示如何使用Axure自己实现图片自动轮播的效果。

工具/原料

Axure

准备

1、打开你自己的组件库,并新建一个名叫「ImagePlay」的空白页面

如何使用Axure:[6]实现图片自动轮播

3、将这个图片转换为动态面板,并命名这个动态面板为「ImagesFrame」

如何使用Axure:[6]实现图片自动轮播

5、切换到每一个状态中,并加入要轮播的图片。

如何使用Axure:[6]实现图片自动轮播

添加事件

1、分别为三个圆形添加事件,切换「ImagesFarme」到对应的状态中。并将这三个圆形为动态面板。,然后为每个圆形分别添加一个状态用于表姨胀兽辱示当前呈现的图片为哪个。并分别命名这三个圆形为Fist、Second、Third

如何使用Axure:[6]实现图片自动轮播

3、为「ImagesFrame」添加OnPanelSateChange事件用例,并添加限制条件,以保证「ImagesFrame」的状态与小圆形的状态能够一一对应。

如何使用Axure:[6]实现图片自动轮播
  • Axure RP添加条件教程
  • ae如何让文字进行旋转
  • Unity 实用技巧 之 简便的物体一波一波自动生成
  • Axure RP 实现 APP切换列表界面
  • AE如何使用卡片擦除制作文字随机翻转效果
  • 热门搜索
    迪拜为什么这么有钱 为什么脸上会长粉刺 骋怎么读 怎么办信用卡 为什么不能克隆人 风是怎么形成的 小黄鱼怎么做好吃 弁怎么读 怎么赚钱快现实点的 荨麻疹是怎么引起的