Axure怎么通過變量方式獲取輸入框中的值?
我要評(píng)論Axure制作的網(wǎng)頁(yè)原型，一些特殊頁(yè)面需要通過變量的方法來實(shí)現(xiàn)，比如在某種情況下，獲取某一個(gè)元件的值，這里面就需要用到變量，該怎么使用變量獲得輸入框中的數(shù)值呢？下面我們就來看看詳細(xì)的教程。
原型設(shè)計(jì)工具Axure RP Pro 8.1特別版 中文漢化特別版(附漢化包+注冊(cè)碼+安裝教程)
- 類型：輔助設(shè)計(jì)
- 大小：90.5MB
- 語言：簡(jiǎn)體中文
- 時(shí)間：2018-05-24
1、首先創(chuàng)建一個(gè)空白頁(yè)面，在工作區(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)注腳本之家。
相關(guān)推薦：
Axure文本輸入框怎么去掉邊框? Axure隱藏輸入框邊框的教程
相關(guān)文章
Axure8頁(yè)面怎么刪除說明字段？Axure8中設(shè)計(jì)的網(wǎng)頁(yè)原型，頁(yè)面添加了說明字段，想要?jiǎng)h除說明字段，該怎么刪除呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2018-09-14
Axure怎么組合新的元件？Axure中想要?jiǎng)?chuàng)建自己的元件庫(kù)，自己可以組合元件，下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2018-09-12
axure怎么制作下拉多選部門的控件？axure中想要制作一個(gè)下拉菜單，該怎么制作下拉多選部門的控件呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2018-09-11
Axure8怎么刪除元件樣式管理？Axure8中想要管理元件，該怎么刪除元件樣式管理？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2018-09-10
Axure8原型怎么導(dǎo)出為index圖片？Axure8中制作的網(wǎng)頁(yè)模型想要導(dǎo)出為index圖片，方便沒有axure的朋友查看，該怎么操作呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考2018-09-10
Axure8頁(yè)面原型怎么搜索內(nèi)容？Axure8中想要搜索內(nèi)容，該怎么搜索呢？下面我們就來看看Axure8搜索內(nèi)容的方法，需要的朋友可以參考下2018-09-09
Axure8控件怎么添加說明信息？Axure插入的控件是可以添加文字說明的，該怎么添加說明信息呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2018-09-07
Axure怎么設(shè)計(jì)開關(guān)按鈕效果?
Axure怎么設(shè)計(jì)開關(guān)按鈕效果？Axure中想要設(shè)計(jì)一個(gè)開關(guān)的按鈕，該怎么制作這個(gè)按鈕呢？下面我們就來看看詳細(xì)的教程，很簡(jiǎn)單，需要的朋友可以參考下2018-09-05
Axure8交互設(shè)計(jì)怎么導(dǎo)入rp文件?
Axure8交互設(shè)計(jì)怎么導(dǎo)入rp文件？Axure8設(shè)計(jì)網(wǎng)頁(yè)原型的時(shí)候，想要導(dǎo)入rp文件，該怎么導(dǎo)入恩？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2018-09-05
Axure8原型怎么生成HTML文件？Axure8制作的頁(yè)面想要生成HTML文件，該怎么生成HTML文件呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2018-09-04
