Axure怎么制作页面滚动时菜单固定在顶部的页面
Axure可以制作出保真度相当高的原型，除了页面布局、UI以外，其强大的交互设计能力让这些本来静止的元素高效交互起来，形成以假乱真的高保真原型。本文介绍如何做一个在滚动中将菜单固定在顶部的页面，属于中级Axure案例。本文旨在展示交互效果，不对页面具体内容和UI进行设计。
1、制作页面
为了体现效果，我们需要做一个比较长(高)的页面，在Axure工作区中拖入4个矩形，分别为顶部标题、菜单、页面内容、底部。设置矩形宽度和高度，让其看起来像是一个页面布局。
2、制作随页面滚动的标题
为了让效果更加明显，我们将标题进行区别设置，设置矩形背景色为黄色，你也可以通过设置其他属性来进行区别。将标题命名为“标题1”。
3、制作固定的标题
滚动中固定在顶部的标题并非页面上的标题，是单独制作的。复制“标题1”，将复制的标题命名为“标题2”，设置“标题2”x坐标等于“标题1”的x坐标，y坐标等于0。修改“标题2”背景色为蓝色。
4、制作固定的标题
右键单击“标题2”，点击“转换为动态面板”，将动态面板命名为“固定菜单”，在元件属性与样式中点击“固定到浏览器”勾选“固定到浏览器窗口”，完成后隐藏动态面板。
5、制作固定锚点
在工作区中拖入一个动态面板，设置其x和y坐标等于0，调整其宽度和高度分别为60和20，将动态面板命名为“固定锚点”，设置其固定到浏览器。
6、制作滚动锚点
在工作区中拖入一个热区，设置其x坐标等于0，y坐标等于“菜单1”的y坐标加上固定锚点的高度，设置其宽度等于固定锚点的宽度，高度直接拖动到页面底部，命名为“滚动锚点”。
7、设置交互
打开页面交互面板，双击“窗口滚动时”事件，添加条件“元件范围 滚动锚点 接触到 元件范围 固定锚点”，确定，设置动作为“显示 固定菜单”。
8、设置交互
继续在“窗口滚动时”事件上添加动作，添加条件“元件范围 滚动锚点 未接触 元件范围 固定锚点”，确定，设置动作为“隐藏 固定菜单”。
9、预览效果
至此，所有设置均已完成，按F5进行预览吧。
相关推荐
-
Axure怎么制作上下滑动的页面原型?
Axure中制作网页圆形很方便,今天我们就来看看使用Axure实现上下滑动页面的教程. 1.在当前Page 中拖入一个动态面板,将面板命名为“显示面板”.这个面板对应着可见内容.该例中的可见面板的位置 ...
-
图解Axure RP制作轮播图片、返回顶部、悬浮效果
本篇将和大家介绍Axure RP制作轮播图片.返回顶部.悬浮效果和生成文件操作,希望对大家的工作和学习有所帮助! 操作方法 01 打开Axure RP软件,点击工程,选择页面样式编辑器,在页面样式编辑 ...
-
在ppt中不同页面切换时怎么增加声音?
在ppt的制作过程中,有时候需要在两个或多个不同的页面切换时增加声音,使得ppt展示效果更为生动.下面小编就为大家详细介绍在ppt中不同页面切换时怎么增加声音方法,一起来看看吧! 方法/步骤 1.打开 ...
-
PPT怎么制作横向滚动的字幕?
ppt中想要制作动态字幕,该怎么制作横向滚动的字母呢?下面我们就来看看详细的教程. 1.打开PPT2010,在PPT中插入两个文本框,输入连续的文字,设置好文字格式,然后调整文本框与PPT页面等宽. ...
-
电脑axure怎么制作登录页和注册页切换效果
接下来小编就教大家怎样使用axure来制作登录页和注册页的切换效果.具体如下:1.首先我们打开电脑,找到axure图标点击打开.进入到软件界面之后,我们找到左侧菜单中的登录页选项,然后我们就可以拖动登 ...
-
如何在Axure中制作“网页中的点击关闭按钮后就能隐藏广告”的效果？
相信很多小伙伴都有在使用Axure,在其中如何才能制作"网页中的点击关闭按钮后就能隐藏广告"的效果呢?方法很简单,下面小编就来为大家介绍.具体如下:1. 首先,打开Axure,在其 ...
-
怎么在Excel中制作一级下拉菜单选项
有的小伙伴在使用Excel软件录入大量数据时,为了方便录入,也为了精确录入,因此想要使用一级下拉菜单选项,但是却不知道如何制作,那么小编就来为大家介绍一下吧.方法一1. 第一步,双击或者右击打开需要录 ...
-
怎么在PPT中制作电影滚动字幕效果
今天给大家介绍一下怎么在PPT中制作电影滚动字幕效果的具体操作步骤.1. 首先打开电脑上的PPT文档,进入主页面后,先将需要滚动的文字内容输入2. 然后将所有文字内容全部选中3. 按键盘上的Ctrl ...
-
如何在PPT中制作横向滚动的字幕
我们经常会在电视上看到屏幕下方从右到左不停滚动的字幕,在PPT中即可实现,今天就跟大家介绍一下如何在PPT中制作横向滚动的字幕的具体操作步骤.1. 首先打开电脑上的PPT2010软件,然后先插入两个文 ...
