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

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

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

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

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

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

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)));

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

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

以上在AxureRP 5.5版本下演示通過

點此查看演示

點此下載源文件

文章來源：itfarmer.com.cn

標(biāo)簽： 運算 變

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