Axure制作的網(wǎng)頁原型,一些特殊頁面需要通過變量的方法來實(shí)現(xiàn),比如在某種情況下,獲取某一個(gè)元件的值,這里面就需要用到變量,該怎么使用變量獲得輸入框中的數(shù)值呢?下面我們就來看看詳細(xì)的教程。
1、首先創(chuàng)建一個(gè)空白頁面,在工作區(qū)域內(nèi)拖入準(zhǔn)備使用的元件元素,包括矩形、輸入框、按鈕等,如下圖所示。

2、將元件的樣式進(jìn)行調(diào)整,并對(duì)各個(gè)元件的名稱進(jìn)行命名,如下圖所示。

3、元件樣式及名稱設(shè)定好之后,開始對(duì)按鈕的屬性交互事件進(jìn)行編輯,首先我們需要在鼠標(biāo)單擊時(shí)獲取文本框中的數(shù)值,并將數(shù)據(jù)賦予定義的變量,如下圖所示。

4、獲取到輸入框的數(shù)值后,并賦予變量,下面需要給矩形框賦值,因?yàn)檫@個(gè)交互是同時(shí)觸發(fā)的,因此也是在按鈕的鼠標(biāo)單擊時(shí)做交互,我們只需要將矩形框的值等于剛剛定義的變量值即可,如下圖所示。

5、這樣就可以了,我們f5預(yù)覽一下效果,在輸入框中輸入任意字符。

6、點(diǎn)擊獲取輸入框中的值這個(gè)按鈕后,下面的矩形中就會(huì)出現(xiàn)對(duì)應(yīng)的字符,并中輸入框中的相同,這就是變量的使用方法,當(dāng)然還有更多的方法也解決這個(gè)問題,大家可以自己學(xué)習(xí)一下。

以上就是Axure通過變量方式獲取輸入框中的值的教程,希望大家喜歡,請(qǐng)繼續(xù)關(guān)注錯(cuò)新站長站。
相關(guān)推薦:
axure怎么設(shè)計(jì)密碼輸入框的原型?
Axure RP 8輸入框中怎么顯示日期?
Axure文本輸入框怎么去掉邊框? Axure隱藏輸入框邊框的教程
新聞熱點(diǎn)
疑難解答
圖片精選