上一次通过“淘宝登录页面”这个案例来介绍了利用动态面板实现页面内交互的方法。
《交互留学 | Axure图文教程：案例练习（二）》
本节，将介绍页面间交互以及登录面板出错的条件判断。
【注：本次课程没有实际案例，所有页面元件都需要我们自己当场绘制，而不用提前准备。】
首先，来介绍页面间交互。
1）页面中的元件设置
打开Axure这个软件，向其中的画布中添加四个矩形，依次填充文字为：我是home、page1、page2、page3。如下图所示。
在“页面”功能区面板上，双击“Page1”，打开Page1所在画布。向画布中添加四个矩形元件，依次填充文字为：我是page1、Home、page2、page3。如下图所示。
在“页面”功能区面板上，双击“Page2”，打开Page2所在画布。向画布中添加四个矩形元件，依次填充文字为：我是page2、page1、Home、page3。如下图所示。
在“页面”功能区面板上，双击“Page3”，打开Page3所在画布。向画布中添加四个矩形元件，依次填充文字为：我是page3、page1、page2、Home。如下图所示。
以上就是页面间跳转所需要的每个页面的所有元件。
2）页面间交互效果设置
打开Index页面，选中其中的“page1”，在”检视>>属性”下找到“鼠标单击时”并双击，打开“用例编辑<鼠标单击时>”，在“添加动作”下找到并单击“打开链接”，在“配置动作”下单选“链接到当前项目的某个页面”，选择“Page1”，之后点击“确定”。这样就实现了Index页向Page1页的逻辑跳转。具体操作如下图所示。可按住F5预览效果。
Index页中page2、page3的效果设置与page1一致，做到元件与跳转到的页面一一对应即可。另外，Page1、Page2、Page3页面中带有矩形框的元件做同样的设置即可，这样就实现了页面间的交互逻辑跳转。
按照以上步骤设置完成后，按住F5预览可查看效果。
其次，来介绍简易登录面板出错的条件判断
初始页面：
效果页面：
效果说明：
输入正确的用户名和密码，登录成功。其中一个输入错误则出现错误提示，登录失败，需要重新输入。
思路分析：
1）点击“login”登录按钮时，用户名和密码均输入正确，调整至登录成功页
2）点击“login”登录按钮时，如果用户名输错或者密码输错，则弹出“error”错误提示。
页面元件：
另外，我们还需要增加一个页面，在其中给出“登录成功”的提示文字即可。
如下图所示。（该元件为矩形或文本标签）
效果制作：
1. 登录成功的条件设置
2.登录成功后给用户的反馈设置（打开“登录成功”页）
3.登录出错的条件设置
4.登录出错后给用户的反馈设置（弹出提示信息“error”）
设置完成后，交互用例如下图所示。
按照上述步骤设置完成后，按住F5预览即可看到效果。
