Axure教程

您所在的位置:网站首页 axure轮播图圆点怎么做 Axure教程

Axure教程

#Axure教程| 来源: 网络整理| 查看: 265

本文介绍的时用Axure中的动态面板制作图片轮播之纵向滚动 一、预览效果 在这里插入图片描述

预览地址:https://c1s4i1.axshare.com

二、功能描述 图片纵向自动滚动播放

三、元件制作 拖入一个动态面板,命名为1,设置大小为375*155,并设置四个状态,(动态面板的大小根据项目需要可以进行修改)如图:

进入每个状态设置一张轮播的图片,其图片大小为375*155(与动态面板大小一致),图片可以根据自己的喜好修改,如图: 在这里插入图片描述 元件制作完成 四、交互设置 设置动态面板的交互效果 (1)向上拖动结束时 设置面板的修改状态为Next,向后循环,进入或退出动画为向上滑动,时间500毫秒 在这里插入图片描述 等待1000毫秒,设置当前元件选择状态为Next,向后循环,循环间隔为2000毫秒,首个状态延时2000毫秒后切换,进入或退出动画为向上滑动,时间为500毫秒 在这里插入图片描述 (2)向下拖动结束时 设置动态面板1选择状态为Previous,向前循环,进入或退出动画为向下滑动,时间为500毫秒 在这里插入图片描述 等待1000毫秒,设置当前元件选择状态为Next,向后循环,循环间隔为2000毫秒,首个状态延时2000毫秒后切换,进入或退出动画为向上滑动,时间为500毫秒 在这里插入图片描述 (3)载入时 当载入时,设置当前元件选择状态为Next,向后循环,循环间隔为2000毫秒,首个状态延时2000毫秒后切换,进入或退出动画为向上滑动,时间为500毫秒 在这里插入图片描述 所有制作完毕,希望能帮助到您。



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3