其他分享
首页 > 其他分享> > Axure RP9教程 链接交互

Axure RP9教程 链接交互

作者:互联网

Axure 链接交互

一、说明

链接交互是web中最常见的一种效果,也是最简单的一种实现方式,主要展示形式分两种:

  1. 从A页面跳转到B页面;
  2. 从主页面的菜单栏,在iframe1打开新的页面。
    下面我们通过一个简单的APP页面跳转来实现第一种效果的展示,第二种效果将会在后续的行内框架文章中会介绍。

二、效果展示

在这里插入图片描述
链接案例:https://f9d9x0.axshare.com

三、操作步骤

  1. 在画布中添加一个434X841的矩形框,圆角在样式中设置为20,如下:在这里插入图片描述
  2. 再添加一个375X668的矩形内屏;
  3. 通过占位符添加其他布局,其中分类区域如何实现横向居中分布显示效果,具体步骤如下:
  1. 选择banner占位符,添加鼠标单击时交互事件,同步插入打开链接动作,选择链接到活动详情,具体操作如下:
    在这里插入图片描述
    5.在活动详情页头部添加返回图标<,并在图标中添加鼠标点击时交互事件,同步插入打开链接动作。注意,这里设置链接到返回之前的页面2无需指定页面

  1. IFRAME是HTML标签,作用是文档中的文档,或者浮动的框架(FRAME)。iframe元素会创建包含另外一个文档的内联框架(即行内框架)。 ↩︎

  2. 返回之前的页面对应就是跳转的源页面。 ↩︎

标签:教程,RP9,类目,添加,跳转,Axure,交互,链接,页面
来源: https://blog.csdn.net/jun118166/article/details/106495456