本页内容参照官网Building Interactions
- 创建按钮动作
- 创建页面载入动作
注意到http://www.axure.com.cn/上有汉化包,从本页开始软件翻译参考其汉化包Axure RP 7.0正式版汉化包1.83版
一、给组件一个响亮的名字
- 拖拽一个Button到页面,修改按钮文字为“Swap Focus”,在组件交互和标记窗口中修改名字为Button1;
- 拖拽两个文本框Text Field,同样分别修改名字为TextField1和TextField2;
养成给元件命名的习惯,这样在设置交互动作时不会混乱。 -
在两个文本框的元件属性和样式窗口中设置提示文字与文本输入框名字相同。
提示文字
二、禁用元件
-
在元件属性与样式中禁用TextField2;
禁用元件
- 选择Swap Focus按钮,在元件交互与说明的交互中双击鼠标单击时,添加动作元件>启动/禁用,在配置动作中勾选Textfiled1,该选项右侧出现绿色Enable提示语。
没错,如果忘记了给按钮设置名字,或者刚才忘记给文本框设置名字,在这里你会混乱地不知道谁是谁了!
鼠标单击时禁用元件
“为什么还有英语!不是汉化了吗?”
“好歹大部分都汉化了,所以说英语是逃不开的。”
- 如法炮制,添加一个启用TextField2的交互,如果刚才太着急直接点击了确定,此时要在交互窗口双击Case 1,如果还是双击鼠标单击时会新建一个Case 2。
如果顺序混乱了,回到Case 1点击每个动作右侧的小三角进行上下移动,或者快捷键Ctrl+上下箭头。用过Powerpoint动画功能应该分分钟会用。
交互的顺序
三、获取焦点
- 和禁用启用元件的步骤一样,这一次获取焦点(相当于鼠标点击后触发)于TextField2;
-
在进入页面时候我们希望能够自动将焦点对于Textfield1,但是好像没有触发条件?触发条件就是进入页面!所以可以在底部的页面交互再如法炮制一番。
获取焦点
最终效果
- 页面载入后Textfield1自动被选中并激活;
- 点击Swap Focus,焦点从Textfield1移动到Textfield2。
刚才的交互动作很漂亮嘛!
![](https://img.haomeiwen.com/i993514/ac4f9a9463ec8e31.png)
点这里关注Axure一起来,继续一起学Axure
网友评论