养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

Axure如何设置获取焦点

时间:2024-11-12 04:40:51

当我们在使用Axure设置交互的过程当中水貔藻疽,经常会遇见一种情况,就是当点击一个按钮的时候,希望系统自动实现获取焦点的功能,那么这个功能应该如何去实现呢?

Axure如何设置获取焦点

工具/原料

Axure原型设计工具

步骤:

1、首先,我们在画布当中创建一个矩形工具,背景设置成为蓝色,字体设置成为白色,具体如下图所示。

Axure如何设置获取焦点

2、在矩形后面,再创建一个文本框,我们想要实现一个这样的效果:运行时,当我们单击文本框擢爻充种的时候,文本框自动获取焦点,然后可以进行内容的输入。

Axure如何设置获取焦点

3、我们单击文本框,然后在更多事件当中,找到鼠标单击时的事件,具体如下图所示。

Axure如何设置获取焦点

4、在鼠标单击的事件当中,找到获取焦点的事件,单击获取焦点,然后点击当前元件,设置完成之后点击确认即可。

Axure如何设置获取焦点

5、设置完成之后,点击预览,可以看到,文本框本身在运行的时候是没有焦点的,当我们单击文本框的时候,焦点就会显示出来了。

Axure如何设置获取焦点

6、当然了,我们还可以对文本框设置更多的事件,比如失去焦点时,对某个元件进行一个显示或者是隐藏的判断等,根据需要记性设置即可。

Axure如何设置获取焦点

© 一点知识