品牌型号：联想Yoga 14Sitl

系统：Windows 10 64位专业版

软件版本：Axure rp 9

在原型设计中，页面延时跳转和密码动态交互是常用的功能。通过设置延时跳转，我们可以创建平滑的页面过渡效果，密码验证功能可以让我们模拟登录操作。下面就为大家介绍Axure怎么设置页面延时跳转，Axure如何设置密码动态交互的相关内容。

一、Axure怎么设置页面延时跳转

页面延时跳转能够让页面过渡更加平滑，常出现在需要页面自动跳转的使用场景中。我们用以下的三个步骤来制作这样的一个案例：页面加载出来后延时跳转到另一个页面。

1、准备两个页面。一个页面是跳转前的，命名为Page1。在页面面板中，对Page1右击选择【添加】-【下方添加页面】，命名为Page2，作为跳转后的页面。

我们用矩形元件和文本元件来模拟简单的界面。从元件库中找到矩形元件和文本元件拖拽到画布中。矩形的尺寸375*667像素。Page1的文字内容为首页，Page2的文字内容为详情页。

2、设置跳转交互。延时跳转发生在Page1打开的时候。因此我们的交互对象是Page1整个页面。处在Page1中，鼠标不要选中任何元件的情况下，就是选中了Page1页面本身。在右侧交互面板中找到【页面载入时】事件，让页面载入时【打开链接】，链接到Page2上。但为了延时，我们需要在打开前加入一个延时事件。点击【添加动作】，选择【等待】事件，设置等待时间为1000ms。

之后，拖拽【等待】事件到【打开链接】事件之上，就能先等待再打开新页面，实现延时跳转。

3、预览测试。点击工具栏右侧的【预览】按钮，我们可以在浏览器中测试设置效果。可以看到，首页先显示出来了，一秒后切换为详情页，我们实现了页面的延时跳转效果。

二、Axure如何设置密码动态交互

在Axure中，通过动态交互和条件逻辑可以模拟密码验证功能，我们可以通过以下三个步骤来实现。

1、页面内容准备。我们模拟的是在输入邮箱号和密码进行登录的场景。从上到下，我们先放入文本标签，打上“邮箱：123456@qq.com” 。接着在页面中拖拽一个文本框，命名为密码，在右侧交互面板中将文本框的类型修改为密码。

在密码文本框前放一个文本标签元件，打上“密码：”。再拖拽入一个文本标签元件，打上“提示”，命名为提示，这个元件需要命名，方便后面找到该元件。最后放入按钮元件，打上“登录”。

2、密码验证设置。我们展开密码验证的前提是，我们先设好了密码，在真实的软件使用中也是如此，我们是在注册的时候设置好了账号和密码，在登录阶段，我们是用账号和已经设置好的密码进行匹配验证，输入的密码和最开始设置的密码一致的时候验证通过。要实现这一点，我们要先自己设好密码。比如这个案例中，我们假定密码是123456。这个时候我们要读取密码文本框输入的密码是否是123456。

明确思路后，我们进行操作设置。我们对密码的验证是发生在点击登录按钮的时候，所以我们的交互对象是登录按钮。选中登录按钮后，在右侧交互面板中找到【单击时】的事件，动作选的是【设置文本】。

我们先做第一种情况：密码匹配成功，这种情况将提示文本设置为密码正确。接下来，我们面临的问题是怎么让Axure知道密码到底对不对。我们要用到条件情形判断。

将鼠标移动到单击时事件的后方，会出现【启用情形】按钮。

点击后，打开情形编辑窗口。我们要填写判断等式的五个选项。第一个选项填的是判断的类型，这里我们要判断的是文本框上的元件文字。第二个选项填的是判断的对象，这里我们要判断的是密码文本框。第三个选项填的是符号，这里选的是==，意思是判断等式左右是否相等。第四个选项填的是数据类型，密码属于文本类型。第五个选项填的是具体的数字，是我们提前设好的密码123456。

完成情形1密码正确的设置后，我们再次点击【添加情形】按钮，进入情形2的编辑窗口。情形2针对的是密码错误，我们只要修改等式的第三个选项为！=（不等于）即可。在密码错误时，我们要让提示标签的文字内容填写为密码错误。具体设置可以看下图12。

3、预览测试。设置完成后，我们点击【预览】按钮，测试案例是否如预期运行。我们需要测试两种情况，先在密码文本框中输入123456，点击登录按钮，提示文本改为“密码正确“。

刷新页面，再在密码文本框中输入一个不是123456的任一数字，点击登录按钮，提示文本显示为”密码错误“。说明设置正确，我们的案例就制作完成了。

以上就是Axure怎么设置页面延时跳转，Axure如何设置密码动态交互的相关内容。通过设置页面延时跳转，我们制作的跳转效果会更加流畅，页面切换就不会显得很突兀。密码动态交互能够模拟真实的安全验证过程，帮助我们制作更加真实的登录功能。