如何实现Axure页面之间的跳转

如何实现Axure页面之间的跳转

平时在百度搜索内容的时候可以看到上方的目标栏,指示您要搜索的范围,比如知道、贴吧等。我们点击一个选项,会直接跳转到内容界面,而关于页面之间的跳转,在Axure http://www.axurechina.cc/  交互中是最基础的。那么该如何实现Axure页面之间的跳转呢?

选项组

我们首先打开Axure软件,然后在百度截取图片(截三张左右,分别为:网页、知道和视频,根据需求即可。)添加到Axure软件中(可直接复制粘贴不需要借助图片元件),第一张图片将X轴与Y轴都设为0,第二和第三张,X轴为0,图片之间显示对齐。

截图

注意:截取图片的时候尽量长一点,以铺满一个页面为准。

然后拖入一个热区,比如将页面跳转到“知道”这一栏目,将热区拉至如下图形式,那么我们在点击跳转的时候就直接进入“知道”这一页面。

热区

设置交互,选择“页面载入时”,点击:链接-滚动到元件-热区-仅垂直滚动。动画选择“线性”,时间设为1000毫秒。

页面载入时

然后双击击page1进入,拖入一个按钮元件在空白页面,输入文字信息“跳转”:

按钮元件

设置交互,鼠标单击时,选择链接-打开链接,当前窗口,跳转到之前页面“index”,然后点击确定。

鼠标单击时

最后点击预览,单击跳转,直接跳到“知道”这一个页面的内容了。

预览页面

预览打开页面

发生跳转

点击跳转之后跳转到“知道”界面

以上就是关于Axure页面之间的跳转效果,如果还有更多疑问可以关注Axure中文网联系我们。

在线客服
客服邮箱
客服电话
17051276424