摘要:本篇Axure教程探讨了制作导航栏及下拉菜单的相关内容,希望阅读本篇文章以后大家有所收获,帮助大家对Axure的掌握更加深入。
1、拖动元件库里面的矩形到画布,更改画布大小(具体自己打开腾讯课堂,开发者模式,看看前端样式),作为导航背景,并命名为导航背景(命名最好根据公司要求views层命名规范命名,这里演示直接用汉字)。然后到样式中选择填充,填充色选择RGB(250 250 250)(网页颜色采集方式很多,这里说个最简单的,QQ截图时可看到鼠标所在位置的rgb)。
2、将腾讯课堂的logo拖到导航上,位置按照页面布局放置(F12查看官网位置),此时这样
3、拖放一矩形至画布,更改大小颜色参考1,拖放至导航栏右边,双击输入返回旧版,命名为“返回旧版”,页面为这样。
4、拖放一矩形至画布,更改大小颜色参考1,输入我要讲课,拖入两个水平线,转动方向组合成单角符,并命名为“单角符”(ps:我这里是有元件库,建议去网上收集一些基础形状的元件库,可以节省很多时间)放入我要听课右边,设置好尺寸后,设置交互。点击我要听课矩形,在右边交互中选择鼠标移入时、旋转、单角符、选择到达、180度、方向顺时针、锚点中心、动画线性、时间250毫秒。确定后。设置鼠标移出时,反着来即可,可按F5查看效果。
5、拖放一矩形至画布,设置长宽后拖至我要讲课矩形下面,用基础元件库中的文本标签输入“教育机构开课”“个人老师开课”,然后设置两者的选中状态,为字体蓝色,同时设置我要开课矩形选中状态为背景颜色白色。设置教育机构开课鼠标移入时交互,为选中此元件,移出时交互为取消选中,同理设置个人开课交互与我要讲课交互。
6、将第5步中的矩形和“教育机构开课”“个人老师开课”同时选中并组合,命名为我要开课子列表,选择隐藏。设置我要讲课的鼠标移入时,显示我要开课子列表,动画效果为弹出。
本文由职坐标整理发布,更多相关内容,请关注职坐标常用软件Axure频道!
您输入的评论内容中包含违禁敏感词
我知道了
请输入正确的手机号码
请输入正确的验证码
您今天的短信下发次数太多了,明天再试试吧!
我们会在第一时间安排职业规划师联系您!
您也可以联系我们的职业规划师咨询:
版权所有 职坐标-一站式IT培训就业服务领导者 沪ICP备13042190号-4
上海海同信息科技有限公司 Copyright ©2015 www.zhizuobiao.com,All Rights Reserved.
沪公网安备 31011502005948号