AxureRP在6.0版本以下的版本是不支持?jǐn)?shù)學(xué)運(yùn)算的，到6.0版本的時(shí)候加入了變量的數(shù)學(xué)運(yùn)算，支持簡(jiǎn)單的加減乘除運(yùn)算。但在6.0版本之前，如5.5,5.6版本里是不支持?jǐn)?shù)學(xué)運(yùn)算的，那要實(shí)現(xiàn)變量的加法運(yùn)算該怎么辦呢，還是有辦法來(lái)實(shí)現(xiàn)的，不過(guò)需要簡(jiǎn)單修改一下生成的原型文件的js代碼，通過(guò)這樣間接的方式來(lái)實(shí)現(xiàn)變量運(yùn)算。

這種間接的方式需要用戶稍微懂一點(diǎn)腳本代碼，至少能明白基礎(chǔ)的關(guān)鍵字的意思，比如字符串型是String，數(shù)字型是Number，所以對(duì)于沒(méi)有腳本代碼基礎(chǔ)的朋友可能會(huì)比較困難一些，不過(guò)這里介紹過(guò)操作方法之后依葫蘆畫(huà)瓢就可以了，編寫過(guò)JS代碼的話就沒(méi)有任何問(wèn)題了。AxureRP生成的原型是HTML格式的，其上帶的交互效果在轉(zhuǎn)換成HTML之后都是通過(guò)JS腳本來(lái)實(shí)現(xiàn)交互功能的，這里要修改的就是這些JS腳本文件。

下面介紹修改操作的具體步驟，首先當(dāng)然還是要先在AxureRP中制作設(shè)計(jì)好頁(yè)面，比如這里分別要模擬加減乘除四種運(yùn)算，就設(shè)置四種運(yùn)算的模擬界面，如下圖所示，并將對(duì)應(yīng)的組件都分類命名。

再就是設(shè)置每種運(yùn)算后面的計(jì)算按鈕的單擊事件，這里需要新增兩個(gè)變量a，b，用來(lái)存儲(chǔ)每種運(yùn)算的前兩個(gè)輸入框的值，然后將運(yùn)算值賦給第三個(gè)輸入框，這里需要注意的是，需要判斷前兩個(gè)輸入框是否為空，這里默認(rèn)為空的話就不響應(yīng)運(yùn)算，除法的時(shí)候還需判斷第2個(gè)輸入框不能夠?yàn)?，就是需要判斷一些運(yùn)算的常見(jiàn)規(guī)則。設(shè)置方式見(jiàn)下圖，也可以查看源文件。

設(shè)置好之后就要生成原型，這個(gè)時(shí)候去點(diǎn)擊計(jì)算按鈕是不能運(yùn)算的，會(huì)輸出來(lái)一個(gè)類似"a+b"這樣類型的字符串，而不是實(shí)際結(jié)果，這個(gè)當(dāng)然不是我們要的結(jié)果，后面就需要去修改文件代碼了。

找到原型文件生成目錄，在目錄下找到Home_files文件夾，這個(gè)文件夾下面會(huì)有一個(gè)axurerp_pagespecificscript.js文件，用記事本或者其他文本編輯器打開(kāi)這個(gè)文件，在靠近頁(yè)末的地方找到以下四行代碼：

SetWidgetFormText(‘u4′, PopulateVariables(‘a+b’));

SetWidgetFormText(‘u10′, PopulateVariables(‘a-b’));

SetWidgetFormText(‘u15′, PopulateVariables(‘a*b’));

SetWidgetFormText(‘u20′, PopulateVariables(‘a/b’));

將其修改為：

SetWidgetFormText(‘u4′, String(Number($a)+Number($b)));

SetWidgetFormText(‘u10′, String(Number($a)-Number($b)));

SetWidgetFormText(‘u15′, String(Number($a)*Number($b)));

SetWidgetFormText(‘u20′, String(Number($a)/Number($b)));

改好之后保存這個(gè)js文件，再刷新頁(yè)面，現(xiàn)在就能得到正確的計(jì)算結(jié)果了。

以上就是通過(guò)修改文件的方式實(shí)現(xiàn)的AxureRP6.0以下版本的變量運(yùn)算方式，對(duì)JS腳本比較熟悉的朋友可以加多一些限制條件，比如小數(shù)點(diǎn)位數(shù)啊什么的，可以靈活變通，反正都已經(jīng)到改代碼的地步了，不過(guò)建議在做原型的時(shí)候不要出現(xiàn)很復(fù)雜的計(jì)算演示，簡(jiǎn)單一點(diǎn)就好。AxureRP6.0下做運(yùn)算是沒(méi)有什么問(wèn)題的，可以設(shè)計(jì)實(shí)現(xiàn)簡(jiǎn)易計(jì)算器的功能，后續(xù)會(huì)介紹。

以上在AxureRP 5.5版本下演示通過(guò)

點(diǎn)此查看演示

點(diǎn)此下載源文件

文章來(lái)源：itfarmer.com.cn

標(biāo)簽： 運(yùn)算 變

版權(quán)申明：本站文章部分自網(wǎng)絡(luò)，如有侵權(quán)，請(qǐng)聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀點(diǎn)！
本站所提供的圖片等素材，版權(quán)歸原作者所有，如需使用，請(qǐng)與原作者聯(lián)系。