功能:
用户输入用户名和密码,登录账号。
要求:
1. 当用户名输入框的文字长度>0 且 密码输入框的文字长度>0的时候,“登录”按钮变亮;否则,“登录”按钮变灰——用户不能登录。
2. 对用户名输入框和密码输入框是实时自动的更新。
第1步:界面设置
其中,登录按钮有两个状态——
第2步:设置全局变量
第3步:当输入框的文字出现变化的时候,把文字赋值给全局变量
3.1 点击输入框,设置Text Changed交互。
设置局部变量为本元件的元件文字,将值赋值给全局变量。
用户名输入框和密码输入框都要设置。
第4步:添加if-else条件判断
axure9.0 中,添加新的用例,会自动为else if,可以切换成if,点击右键:
axure9.0 中,条件中的“与”“或”切换,在条件设置中的右上角:
“与”——多个条件同时满足;
“或”——多个条件满足至少一个。
补充:更好的设计方法是用动态面板触发,但是本次的逻辑比较简单,就不用了。下一次有机会用动态面板去实时监测其他元件并触发条件。
ps:为啥我觉得axure原型设计中是用曲折的方式去实现软件中的”监测、控制“的逻辑。整个交互更偏向原始的用户操作触发功能(这的确称之为“交互”)。但软件有些功能不是用户主动性的触发,而是监测用户行为,达到条件后触发功能,这更偏向于实时监测/控制(mvc模式)。希望以后axure可以出一个”实时监测/控制器“的交互。
(也有可能现在已经有了,我还不太知道qaq)