Axure教程 6步了解制作导航栏及下拉菜单
关关 2018-07-11 来源 : 阅读 348 评论 0

摘要:本篇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频道!

本文由 @关关 发布于职坐标。未经许可,禁止转载。
喜欢 | 0 不喜欢 | 0
看完这篇文章有何感觉?已经有0人表态,0%的人喜欢 快给朋友分享吧~
评论(0)
后参与评论
X
免费获取海同IT培训资料
验证码手机号,获得海同独家IT培训资料
获取验证码
提交

版权所有 职坐标-一站式IT培训就业服务领导者 沪ICP备13042190号-4
上海海同信息科技有限公司 Copyright ©2015 www.zhizuobiao.com,All Rights Reserved.
沪公网安备 31011502005948号