Axure “情形”的使用

这篇笔记的主要内容是如果在Axure中使用“情形”，对应在我们的研发中就是“判断条件”的使用

• Axure情形的使用
• Axure添加case
• Axure的if ，sele if 条件判断

条件判断不管是在研发代码中还是实际生活中，无处不在，只是表现形式不同罢了，在代码里，我们使用if，if else或者 case 来表达选择判断，在生活中，我们大脑回路经常会做选择，这也是选择判断，在产品设计中，我们使用 “添加情形” 功能来实现条件判断。

假如世界没有“情形”，那么任何事物都是线性的，假如Axure没有“情形”那我们就设计不了复杂的逻辑。

Axure中如何使用“情形”

这里以“下拉框”和一个动态面板为例来说明情形的简单用法。

第一步：添加页面元素

1. 往屏幕上放一个下拉框，下拉框添加N选项
2. 在下拉框下放一个矩形并转为动态面板，也添加N个State
3. 当我们选择下拉框某个选项时，让动态面板切换到对应的State上

第二步：设置动作

选中下拉框 -> 交互 -> 选项改变时 -> 添加情形

注意：鼠标移动至“选项改变时”这里的时候，才会出现“添加情形”这个按钮。

添加情形后，点击“确定”，之后在当前情形下添加其他动作

注意：还是鼠标移动到该位置时，才会出现“添加动作”按钮