![008652087fbd7a5635cb19b4b028635a.png](https://i-blog.csdnimg.cn/blog_migrate/874334eb4cbd56a215e1644286f7f5fb.jpeg)
今天讲一下如何用Auxre来实现页面跳转,以及onClick事件的应用。
案例1:基本页面跳转配置
Step1:页面中画一个按钮(或矩形),鼠标选择后,在右侧PROPERTIES(属性)中选择onClick事件(双击)。
![4fb39b83189b8b8b371b6319080b1481.png](https://i-blog.csdnimg.cn/blog_migrate/ccb68f9fcb4b4436f8f802a12e6048e6.jpeg)
Step2:左侧选择Current Window,右侧配置要跳转的页面(选择Page1),点击OK。
![b18e05a9d0cf53fd28f2a133610ada7e.png](https://i-blog.csdnimg.cn/blog_migrate/c68508bb5fd7157aa3fae354ac5ff509.jpeg)
Step3:在工具栏点击【预览】,查看结果
![e2b316946d9fd9aab1f5923bc42de2b9.png](https://i-blog.csdnimg.cn/blog_migrate/dca0699195a5dc5294134046e67be20e.jpeg)
![e48951041faf75c601a1ecf1880bb1ae.png](https://i-blog.csdnimg.cn/blog_migrate/e43b75cb2d03bc01a964f4c93f1834c1.jpeg)
案例2:模拟APP跳转与返回
Step1:截一张APP的图传到Axure里(这里用知乎举例),页面中画一个透明的矩形用于生成可点击区域。
![2769efa1455a9559c4484e228e88ad68.png](https://i-blog.csdnimg.cn/blog_migrate/832e0f225cbcff72c638b010437acf2d.jpeg)
Step2:选择透明矩形,在右侧属性栏下选择onClick事件。
![326b629052f536432c23f333f013bc6d.png](https://i-blog.csdnimg.cn/blog_migrate/6fb6bbabc995d45276c783f28e63da91.jpeg)
Step3:事件编辑器中选择Current Window,配置要跳转的页面(例子用Page2)。
![3e2c6937d727f8e3f47f75b52dfc16bd.png](https://i-blog.csdnimg.cn/blog_migrate/a7f34b7f16ac6fac2b1c0b990222cf00.jpeg)
Step4:选择详情页(Page2),在返回区添加一个透明矩形,在右侧选择onClick事件。
![672ed6286a1abdb6b6f73843675db8eb.png](https://i-blog.csdnimg.cn/blog_migrate/950eaae9ef9d42077b0222557044f1cf.jpeg)
Step5:按照之前的方法,配置跳转到Home2页面。
![4d7bd0edc915cc4565a9462a59ca613b.png](https://i-blog.csdnimg.cn/blog_migrate/ad3e16585969f8a977b0305ff5342edb.jpeg)
最后预览一下,看看效果吧。