欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  科技

Axure怎么通过变量方式获取输入框中的值?

程序员文章站 2023-12-02 13:03:52
Axure怎么通过变量方式获取输入框中的值?...

axure制作的网页原型,一些特殊页面需要通过变量的方法来实现,比如在某种情况下,获取某一个元件的值,这里面就需要用到变量,该怎么使用变量获得输入框中的数值呢?下面我们就来看看详细的教程。

1、首先创建一个空白页面,在工作区域内拖入准备使用的元件元素,包括矩形、输入框、按钮等,如下图所示。

Axure怎么通过变量方式获取输入框中的值?

2、将元件的样式进行调整,并对各个元件的名称进行命名,如下图所示。

Axure怎么通过变量方式获取输入框中的值?

3、元件样式及名称设定好之后,开始对按钮的属性交互事件进行编辑,首先我们需要在鼠标单击时获取文本框中的数值,并将数据赋予定义的变量,如下图所示。

Axure怎么通过变量方式获取输入框中的值?

4、获取到输入框的数值后,并赋予变量,下面需要给矩形框赋值,因为这个交互是同时触发的,因此也是在按钮的鼠标单击时做交互,我们只需要将矩形框的值等于刚刚定义的变量值即可,如下图所示。

Axure怎么通过变量方式获取输入框中的值?

5、这样就可以了,我们f5预览一下效果,在输入框中输入任意字符。

Axure怎么通过变量方式获取输入框中的值?

6、点击获取输入框中的值这个按钮后,下面的矩形中就会出现对应的字符,并中输入框中的相同,这就是变量的使用方法,当然还有更多的方法也解决这个问题,大家可以自己学习一下。

Axure怎么通过变量方式获取输入框中的值?

以上就是axure通过变量方式获取输入框中的值的教程,希望大家喜欢,请继续关注。