Axure如何实现在页面上某个位置的导航栏,一滚动就固定在页面的顶部? 5
- 你的回答被采纳后将获得:
- 系统奖励15(财富值+成长值)+难题奖励10(财富值+成长值)+提问者悬赏5(财富值+成长值)
Axure这款软件实在是太火了,几乎不需要我多加介绍,大部分人一听它的名字都基本知道它是干嘛的,几乎每个公司都会有人在用,当然,只要公司涉及到产品。
它可以完美的做出一个淘宝搜索页面,不止淘宝,更多的网站,你都可以做出来,而且完全可以以假乱真,这就是它被称为专业的高保真原型设计软件的原因。
而在产品领域几乎做到了别的软件不能替代的地步,不光功能强大,操作也非常简单,你需要很少的时间就可以支配它。
而当你学会了Axure吸附导航这一技能,你可以做出掌握的页面分屏呈现不同的吸附式导航、详细页通过吸附式导航显示标题等技能。
1.当我们制作Axure吸附导航的时候需要创建一个伪页面,分为四个部分,添加四个矩形,设置长宽高,例如,顶部菜单、滚动标题、页面内容(一定要很长很长,至少超过一页。)和底部菜单。
2.为了更好的区分,我们也可以给标题填充颜色,比如蓝色,当然你也可以选择别的方式来作为区分,命名为“标题1”,也就是滚动的标题。(x轴为0,y轴为43。)
3.这时候我们需要制作一个固定的标题,而是单独制作的,我们将滚动的标题也就是标题1,复制到顶部菜单中,颜色填充为粉色,命名为“标题2”。这里“标题2”的x轴等于“标题1”的x轴,y轴为0。
4.选中“标题2”,鼠标右击,选择“转换为动态面板”,然后命名为“固定菜单”,在属性面板中找到“固定到浏览器”勾选“固定到浏览器窗口”。确定之后,点击右上角“隐藏”。
5.拖入一个动态面板元件,设置其x和y坐标等于0,调整其宽度和高度分别为60和20,将动态面板命名为“固定锚点”,设置其固定到浏览器。
6.拖入一个热区元件,命名为“滚动锚点”,如图所示,x轴为0,y轴为43(与标题1相同),高宽也分别为60和20。
7.这里给一开始的“顶部菜单”矩形元件设置交互,选择“窗口滚动时”事件,点击上方的添加条件,如图所示,设置:元件范围-滚动锚点,接触-元件范围-固定锚点。确定之后,选择“显示-固定菜单”。
8.同样的方式设置,如下图所示,只需将固定菜单状态设为隐藏:
这样Axure吸附导航的制作就算完成了,可以点预览,向下滑动,滚动的标题就固定在顶部。
如果你还想要了解更多使用的可以参考这里网页链接
我也是在这里学的。