|
对于初学者来说，看到各大网站BANNER轮播图的交互，想用AXURE软件来制作出来，在这里，我运用简单的方法来阐述一下banner轮播图的制作步骤。 我对banner轮播图的交互划分为简单和复杂两块，今天先将简单的交互流程梳理一下。 01.打开AXURE软件，在基本元件中选择“动态面板”-对动态面板命名为“banner轮播”-设置动态面板大小为“W :1200 H:450”(如图所示)
02.双击打开动态面板，弹出动态面板属性框，设置三层，每层里面设置一张图片（友情提示：图片不能超出蓝色边框线，否则会显示不全，我这里运用颜色和数字替代图片来说明）
03.选中动态面板，在属性面板-交互-载入时-双击载入时弹出“载入时用例编辑窗口”-设置面板状态-选择“banner轮播”-选择状态“NXET”-勾选“向后循环”-循环间隔建议选择：3000毫秒-进入动画/退出动画选择“向左滑动-时间1000毫秒”
04.点击预览，就可以直接自动轮播了。 附演示链接：http://127.0.0.1:32767/start.html#p=index&g=1 点击即可观看效果展示。 |
|
|
