如何使用Axure:[6]实现图片自动轮播
1、打开你自己的组件库,并新建一个名叫「ImagePlay」的空白页面
2、从现有组件库中,拖入一个「Image」组件,并调整其大小与样式。(比例最好为16:9)
3、将这个图片转换为动态面板,并命名这个动态面板为「ImagesFrame」
4、为「ImagesFrame」添加用于自动轮播的三个状态
5、切换到每一个状态中,并加入要轮播的图片。
6、在「ImagesFrame」上添加三个小圆形,用于切换动态。
1、分别为三个圆形添加事件,切换「ImagesFarme」到对应的状态中。并将这三个圆形为动态面板。,然后为每个圆形分别添加一个状态用于表示当前呈现的图片为哪个。并分别命名这三个圆形为Fist、Second、Third
2、为「ImagesFrame」添加Onload事件。需要注意的是,选择状态的方式为「Previous」,并且需要勾选「Wrap from first to last」以及「Repeat every XXX ms」
3、为「ImagesFrame」添加OnPanelSateChange事件用例,并添加限制条件,以保证「ImagesFrame」的状态与小圆形的状态能够一一对应。
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
阅读量:96
阅读量:181
阅读量:141
阅读量:118
阅读量:26