最近在学习Axure的使用,整理了下怎么用Axure制作一个有定位按钮和翻页按钮的轮播图。

第一步 放置一个动态面板命名为轮播,双击动态面板进入轮播编辑状态,在每个状态中放置轮播所需图并且给每个状态命名。

第二步 在动态面板的交互中选择载入时-设置面板状态,内部选择如下:STATE选择下一项勾选向后循环,进入动画、时间以及更多选项中的间隔时间等可以根据需要自定。

第三步 放置三个小圆点在舞台中设置为选项组命名为圆点,每个小圆点分别命名为圆点1、圆点2、圆点3,给每个小圆点设置交互样式,并设置单击时的两个设置面板状态

第四步 在动态面板交互中的动态面板改变时,给每一种状态添加情形如图:

第五步 放置翻页按钮分别命名为上一页和下一页,在交互中分情形为是否为第一页和最后一页,然后设置上一项和下一项,如图:

到此轮播图就基本制作完成了,如果有需要美化的则自己进行相关的细节设置。

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐