Axure8画轮播图

1.拖拽一个动态面板到页面里

 

 

2.双击动态面板调出:动态面板状态管理框,点击动态面板状态管理框的+号,设置轮播图的数量,及State的数量。点击确定按钮设置成功。

 

 

3.重新双击页面里的动态面板。调出弹框,双击State1,进入到banner1设置中,放入图片;同样的操作,state2和state3也放入轮播图

 

 

 

 

 

 

 

4.制作左右箭头:拉矩形,调整大小,降低透明度,放上箭头...(省略步骤)

5.制作小圆点:拉圆,降低透明度

 

 

6.小圆点属性:选中第一个圆,双击右侧:鼠标单击时,如下图操作。同理,第二个圆选择状态下拉那里:选state2,第三个圆选state3

 

 

 

 

 

 

 

 7.左箭头属性:

 

 

 

 

 

 

 8.右箭头属性:

 

 

 

9.页面加载自动轮播属性:选中面板,选右侧属性-载入时,双击

 

 

 

 

 

至此:banner图就完成了

 

 

拓展:向左向右拖拽

1.向左拖拽:向左拖拽和向右点击属性一样,选中右箭头,找到他的属性-复制,选中面板,找到向左拖动结束时,粘贴

 

 

 

 

 

2.向右拖动,同左箭头属性,粘贴方法同上

 

 

 

 3.拖动后会出现不自动轮播问题,解决办法:复制粘贴一遍向左向右拖动的case属性(图1),并把第二个属性增加间隔时间(图2),结果见图三

 

 

 

 

 

 

posted @ 2021-09-23 15:06  骑蝴蝶飞  阅读(759)  评论(0)    收藏  举报