Axure怎么制作页面滚动时菜单固定在顶部的页面

腾讯视频/爱奇艺/优酷/外卖 充值4折起

  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怎么制作上下滑动的页面原型?

05/13 03:07
Axure中制作网页圆形很方便,今天我们就来看看使用Axure实现上下滑动页面的教程. 1.在当前Page 中拖入一个动态面板,将面板命名为“显示面板”.这个面板对应着可见内容.该例中的可见面板的位置为{97, 77},大小为{300, 450}. 2.点击进入显示面板的 State1.拖动一个动态面板到State1 中,面板命名为“内容面板”.该面板的位置为{0, 0},因为这里要实现的是上下滑动效果,所以宽度与显示面板的一样.高度根据全部显示信息的内容定.进入内容面板的 State1,选择“

在ppt中不同页面切换时怎么增加声音?

03/19 17:25
在ppt的制作过程中,有时候需要在两个或多个不同的页面切换时增加声音,使得ppt展示效果更为生动.下面小编就为大家详细介绍在ppt中不同页面切换时怎么增加声音方法,一起来看看吧! 方法/步骤 1.打开ppt. 点击并打开ppt,小编此处打开的是演示文稿1,如下图. 2.点击“动画”. 在ppt上方菜单栏中,点击“动画”功能,如下图. 3.点击声音标志. 在动画功能下,点击下图所示的声音标志. 4.点击声音标志右侧的黑色倒三角符号. 在声音标志的右侧,有黑色倒三角符号,点击即可出线下拉菜单. 5.

PPT怎么制作横向滚动的字幕?

07/08 14:41
ppt中想要制作动态字幕,该怎么制作横向滚动的字母呢?下面我们就来看看详细的教程. 1.打开PPT2010,在PPT中插入两个文本框,输入连续的文字,设置好文字格式,然后调整文本框与PPT页面等宽. 2.按Ctrl键滚动鼠标滚轮缩小幻灯片显示比例,把两个文本框拖到幻灯片窗格的右下角外侧. 3.选中一个文本框,单击“动画”选项卡,在“高级动画”组中单击“添加动画”按钮,在展开的下拉列表中单击“其他动作路径”,在弹出的“添加动作路径”对话框中选择“向左”,然后单击“确定”. 4.按着shift键,鼠

电脑axure怎么制作登录页和注册页切换效果

01/31 03:12
接下来小编就教大家怎样使用axure来制作登录页和注册页的切换效果.具体如下:1.首先我们打开电脑,找到axure图标点击打开.进入到软件界面之后,我们找到左侧菜单中的登录页选项,然后我们就可以拖动登录页移动到设置栏中.2.接下来我们将下方的注册页也放置在单独的注册页栏中.3. 两个页面放置完成之后我们回到登录页,然后我们点击左侧工具栏下方的热区选项,接下来在登陆业注册按钮上添加一个热区.4. 然后我们点击添加的热区,接下来在右侧的属性中可以找到鼠标点击事件选项.5.双击之后就会打开属性设置窗口

如何在Axure中制作“网页中的点击关闭按钮后就能隐藏广告”的效果?

02/10 06:05
相信很多小伙伴都有在使用Axure,在其中如何才能制作"网页中的点击关闭按钮后就能隐藏广告"的效果呢?方法很简单,下面小编就来为大家介绍.具体如下:1. 首先,打开Axure,在其中创建一个矩形框作为广告链接区,如下图所示:2. 在矩形框中输入相应的文字,如果我们想要调整文字的属性,在上方菜单栏中即可调整.3. 接着,将左侧窗口中的圆形形状拖动出来,作为关闭按钮,如下图所示:4. 将圆形按钮选中后右键,在弹出菜单中点击"转换为动态面板".5. 页面右侧出现下图所示窗

怎么在Excel中制作一级下拉菜单选项

11/10 01:35
有的小伙伴在使用Excel软件录入大量数据时,为了方便录入,也为了精确录入,因此想要使用一级下拉菜单选项,但是却不知道如何制作,那么小编就来为大家介绍一下吧.方法一1. 第一步,双击或者右击打开需要录入大量数据的Excel文档,接着点击两个空白单元格,分别输入男和女.2. 第二步,完成男女的输入后,选中需要添加下拉菜单的所有单元格,接着点击页面顶部的数据选项,接着点击数据工具右边的下拉箭头,并点击弹出窗口中的数据验证选项.3. 第三步,来到下图所示的数据验证窗口后,设置允许为序列.4. 第四步,

怎么在PPT中制作电影滚动字幕效果

08/23 10:48
今天给大家介绍一下怎么在PPT中制作电影滚动字幕效果的具体操作步骤.1. 首先打开电脑上的PPT文档,进入主页面后,先将需要滚动的文字内容输入2. 然后将所有文字内容全部选中3. 按键盘上的Ctrl G组合键,把文字内容拖动到页面外面4. 接下来,点击上方的动画菜单,选择动画效果为直线,然后在右侧的效果选项栏,选择上5. 在文字区域就会显示向上的小箭头,点击小箭头,可以设置最终移动到的位置6. 接下来,在上方设置持续时间为4秒,然后点击效果选项下的下拉符号7. 在弹出的窗口中,设置向上平滑开始和

如何在PPT中制作横向滚动的字幕

09/25 16:15
我们经常会在电视上看到屏幕下方从右到左不停滚动的字幕,在PPT中即可实现,今天就跟大家介绍一下如何在PPT中制作横向滚动的字幕的具体操作步骤.1. 首先打开电脑上的PPT2010软件,然后先插入两个文本框,输入一些连续的文字,先对文字格式进行设置,然后再对文本框与PPT页面等宽进行调整,按键盘上的Ctrl键,滚动鼠标滚轮将幻灯片的显示比例缩小,接着再将两个文本框拖到幻灯片窗格右下角的外侧位置.2. 将其中一个文本框选中,依次单击上方的"动画"---"高级动画"组中的

Excel表格制作二级下拉菜单全步骤

12/08 16:20
通过2级菜单,倒是可以比较深入熟悉 INDIRECT, INDEX, OFFSET, 这三个函数,是你要想学excel函数,估计你肯定过的关。 在论坛里看帖子,有一点比较累,很多都是直接用excel文件里做说明,你需要下载文件。我这里就全部用图来说明。 不过二级菜单的第一级的做法,都是相同的,大家可以参考上面的文章创建一个一级菜单。 第一种做法:使用函数INDIRECT 看看例子 很明显,我们希望在一级选择机房故障,那么2级就出现他下面的列表。 要实现这个目标并不复杂