javaweb按钮跳转页面_Axure事件基础教程(页面跳转)

008652087fbd7a5635cb19b4b028635a.png

今天讲一下如何用Auxre来实现页面跳转,以及onClick事件的应用。

案例1:基本页面跳转配置

Step1:页面中画一个按钮(或矩形),鼠标选择后,在右侧PROPERTIES(属性)中选择onClick事件(双击)。

4fb39b83189b8b8b371b6319080b1481.png

Step2:左侧选择Current Window,右侧配置要跳转的页面(选择Page1),点击OK。

b18e05a9d0cf53fd28f2a133610ada7e.png

Step3:在工具栏点击【预览】,查看结果

e2b316946d9fd9aab1f5923bc42de2b9.png

e48951041faf75c601a1ecf1880bb1ae.png

案例2:模拟APP跳转与返回

Step1:截一张APP的图传到Axure里(这里用知乎举例),页面中画一个透明的矩形用于生成可点击区域。

2769efa1455a9559c4484e228e88ad68.png

Step2:选择透明矩形,在右侧属性栏下选择onClick事件。

326b629052f536432c23f333f013bc6d.png

Step3:事件编辑器中选择Current Window,配置要跳转的页面(例子用Page2)。

3e2c6937d727f8e3f47f75b52dfc16bd.png

Step4:选择详情页(Page2),在返回区添加一个透明矩形,在右侧选择onClick事件。

672ed6286a1abdb6b6f73843675db8eb.png

Step5:按照之前的方法,配置跳转到Home2页面。

4d7bd0edc915cc4565a9462a59ca613b.png

最后预览一下,看看效果吧。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值