这篇笔记的主要内容是如果在Axure中使用“情形”,对应在我们的研发中就是“判断条件”的使用
- Axure情形的使用
- Axure添加case
- Axure的if ,sele if 条件判断
条件判断不管是在研发代码中还是实际生活中,无处不在,只是表现形式不同罢了,在代码里,我们使用if,if else或者 case 来表达选择判断,在生活中,我们大脑回路经常会做选择,这也是选择判断,在产品设计中,我们使用 “添加情形” 功能来实现条件判断。
假如世界没有“情形”,那么任何事物都是线性的,假如Axure没有“情形”那我们就设计不了复杂的逻辑。
Axure中如何使用“情形”
这里以“下拉框”和一个动态面板为例来说明情形的简单用法。
第一步:添加页面元素
- 往屏幕上放一个下拉框,下拉框添加N选项
- 在下拉框下放一个矩形并转为动态面板,也添加N个State
- 当我们选择下拉框某个选项时,让动态面板切换到对应的State上
第二步:设置动作
选中下拉框 -> 交互 -> 选项改变时 -> 添加情形
注意:鼠标移动至“选项改变时”这里的时候,才会出现“添加情形”这个按钮。
添加情形后,点击“确定”,之后在当前情形下添加其他动作
注意:还是鼠标移动到该位置时,才会出现“添加动作”按钮