从零开始学Axue：条件、变量与函数.pdfVIP

从零开始学Axure ：条件、变量与函数 如果你熟悉了Axure的部件库 ，那么你可以得心应 地画出心目中产品的线框图 ；如果你会用Axure 的母版、动态面板功能 ，那么你应该能够画出一些简单网站的原型图 ；但只有你精通了Axure的条 件逻辑、变量、函数等高级交互 ，才能将心中的产品形态恣意地通过这款软件表现出来。 下面小喵就给大家仔细梳理一下Axure的高级交互内容 ，以及如何运用Axure这款软件自带的界面规 范文档来提高交付的原型在开发和设计阶段的精准度。 条件生成器 条件逻辑 在Javascript 语言中的if -t hen-else语句是最常见的条件逻辑。 A nd和O r是条件运算符 ，用于连接两个或两个以上的句子。 新增条件 在用例编辑器顶部有 『新增条件』的选项 ，点击后进入条件生成器。 当我们进入条件生成器对话框时 ，首先看到的是满足以下 『全部』或 『任意』一个条件 ，在描述框 中我们可以看到 ，如果选择 『全部』则是 『A nd』 ，如果选择 『任意』则是 『O r』。 条件生成器的多个条件控制 条件生成器允许用户创建条件表达式 ，将你需要满足的条件通过填空的形式告诉Axure ，如下图 ： 条件生成器和可创建的表达式 其中 ，值的类型包括 ： 这些值的类型不用可以记住 ，用的时候参照就好了 ，用多了就记住了。 条件案例实战——用户登陆框 St ep 1 以简书的登陆框为例 ，截图登陆框 ，并拖入 『单行文本框』覆盖掉原有的两个文本输入框 ，分别命 名为 『用户名输入框』和 『密码输入框』 ，将 『密码输入框』的属性设置为密码 ，这样输入密码时 会自动变成不显示的状态 ；拖入图片热区 ，完全覆盖掉原有的登陆按钮 ，并命名为 『登陆按钮』。 制作登陆框 密码输入框的属性设置为密码 St ep 2 假设用户名为zo ngxiao miao ，密码为1234 6。点击 『登陆按钮』部件 ，建立两个条件用例 ： 设置条件用例 因为我们需要同时满足用户名和密码都正确才能登陆 ，所以连接两个条件的是and而不是o r ，也就 是满足全部条件而不是任意条件。 如果文本输入框里的文字同时满足了两个条件 ，我们就打开简书的主页 ，在链接——打开链接中输 入外部链接地址为 ：www.jianshu.co m。 如果同时满足两个条件则进入简书主页 St ep 3 如果两个条件中有一个条件不满足 ，则在登陆框上显示如下字样 ： 登陆失败提示字样 我们将这个图片置于设计区域 ，将其设置为隐藏状态 （右键——设为隐藏 ），并命名为 『登陆失败 提示』。 同时新增用例2 ，设置else if t rue时触发的动作时显示 （我们默认加载页面时会隐藏它 ）提示登陆失 败的字样 ，并且加入淡入淡出的动画 ，动画时间为 00毫秒 ，这样加载时不会太生硬。 将新增动作设置为 『显示』 ，配置为显示登录失败提示的图片 在文末可以下载案例和观看演示。 变量 Axure中的变量 局部变量 ：顾名思义 ，局部变量即在局部的动作中生效。 全局变量 ：在整个原型中都有效。当一个数据从页面A传递到页面B时就需要全局变量。 因此 ，局部变量可以有相同名称 ，而全局变量不能重复名称。默认情况下有一个 叫 『O nLoadVariable』的变量。变量名的命名规则是字母或数字 ，少于2 字符 ，不包含空格。 变量实战案例 ：全局变量在页面间的动态面板交互 做出这个页面的一张图揭示你散发出的核心气质心理测试 的页面间跳转的效果 ，可以运用 『全局 变量』+ 『动态面板』来实现。大家可以先去网站做一下这个心理测试 ，然后构思一下如何用全局 变量和动态面板在两个页面之间完成这个交互。 St ep 1 在Axure中创建两个页面Ho me和Page 1 ，在Ho me页面中导入测试所需的图片 ，并拖入下拉列表框 ，在下拉列表框中设置 『第一张』到 『第九张』的选项。注意 ，要想默认选项为空 ，则新建一个 选项 ，输入空格键即可。 下拉列表框 St e