Axure的动态效果(1)
banner效果
在浏览网页网页时,我们经常看到精美的轮播图还有动态效果,但是在网页中这种动态交互事件大多是用JS实现的,那我们在Axure中也可以实现这种动态效果。
1.打开Axure,在左边元件库里面将--动态面板拖出来。

2 . 单击动态面板,在右上角样式那里将面板的坐标,以及尺寸设计成你所需要的大小。 (这里为了方便我将它设为300X180)

3.双击动态面板,出现他的面板状态管理,+号为增加子面板数量,按需求添加你的子面板,为了方便辨识,建议将每个面板命名。

4.在每个子面板里面放上你所想放的一个图片,尺寸和动态面板大小一样。

5 .回到主页面,点击空白位置,右侧属性里面选择----页面载入时

6.选择元件----设置面板状态---√选你点的动态面板----选择状态----next---向后循环√选(循环时间自己可以测试) 动画效果选择(因为图片从右边进来,反之) 所以向左滑动,时间自己可以测试。


7 .设置完成后,请按F5测试你的轮播图吧
(比较懒所以下次更新更多内容的banner)
网友评论