Axure8.0:标签导航栏
本次分享的的案例是Axure8.0制作的标签导航栏。
预览及下载地址:https://40074m.axshare.com
一、制作原型
1)用两个矩形制作一个LOGO和导航菜单,如图:
2)用两个矩形制作两个菜单,如图:
3)用中继器制作菜单,如图:
点击中继器进入,用一个矩形制作左侧菜单,如图:
4)用一个矩形制作首页标签,如图:
5)用中继器制作一个标签菜单,如图:
点击中继器进入,制作左侧菜单以及关闭按钮,如图:
6)制作一个动态面板用来切换页面,如图:
7)制作一个框架,选择框架目标为首页。
二、交互设置
1)对菜单中继器进行“每项加载时”事件设置,如图:
点击中继器进入,对数据菜单进行“鼠标点击时”、“选中时”以及“取消选中时”事件进行设置。
2)点击“首页”标签,对其进行”鼠标点击时”事件设置。
3)对标签中继器进行“每项加载时”事件进行设置。
点击中继器进入,对“菜单标签”进行“鼠标点击时”和“选中时“事件设置。
对关闭按钮进行”鼠标点击时“事件设置。
本文作者@qianqianlu 。
版权声明
本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处。如若内容有涉嫌抄袭侵权/违法违规/事实不符,请点击 举报 进行投诉反馈!