Axure 教程 | 原型中添加页面链接

 

本教程学习添加页面链接,在浏览器中打开新标签页,使用Onclick事件链接上一个页面的同时,关闭当前浏览器页面。


部件使用:矩形、按钮形状


交互事件:Onclick


动作:“在当前窗口中打开链接”、“关闭当前窗口”、“在新窗口/标签中打开链接”


 

页面链接

步骤1:添加Onclick事件用例



 

首先,打开PageLinks.rp文档,"Page Links"页面


然后,选择 "Current Window" 按钮


在部件属性窗口中的交互标签,双击Onclick事件打开用例编辑器
 

步骤2:“在当前窗口中打开链接”



 

在用例编辑器中,添加左边栏的“在当前窗口中打开链接”动作,在中间栏会在用例1中添加一个动作。


然后,在右边栏中选择页面1,配置链接打开页面。

点击“确定”添加用例并关闭对话框。

步骤3:为“Go Back”按钮添加链接



 

现在,在Page1,为“Go Back”添加“返回前一页”的交互。站点地图窗口中打开“Page1”页面。


选中“Go Back”按钮,在Oclick事件中添加用例。

步骤4:“返回上一页”



 

和步骤2一样,添加"在当前窗口中打开链接”动作。但是在右边配置链接页面时,要设置“返回上一页”选项。

步骤5:“关闭当前窗口”


 

选择“Close”按钮,在Onclick按钮添加用例,用例选择“关闭当前窗口”动作。点击确定。

步骤6:“在新窗口/标签中打开链接”



 

打开“Page links”页面,选择“New tab”按钮。在Onclick事件中添加用例,用例动作设置“在新窗口/标签中打开链接”并配置打开页面1,点击“确定”。

步骤7:生成原型



 

测试一下不同的交互效果。在主菜单栏选择“生成->原型”,点击“生成”,生成原型并在浏览器中打开原型。


在 "Page Links"页面,点击“Current Window”按钮打开Page1。
 

在Page1,点击“Go Back”按钮,链接返回"Page Links"页。
 

然后,点击 "New Tab"按钮,在新的标签页中打开Page1。
 

在新标签页中,点击“Close”按钮,关闭当前标签页。

- End -


版权声明:本文为weixin_42058609原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。