AxureRP在6.0版本以下的版本是不支持數(shù)學運算的,到6.0版本的時候加入了變量的數(shù)學運算,支持簡單的加減乘除運算。但在6.0版本之前,如5.5,5.6版本里是不支持數(shù)學運算的,那要實現(xiàn)變量的加法運算該怎么辦呢,還是有辦法來實現(xiàn)的,不過需要簡單修改一下生成的原型文件的js代碼,通過這樣間接的方式來實現(xiàn)變量運算。
這種間接的方式需要用戶稍微懂一點腳本代碼,至少能明白基礎的關(guān)鍵字的意思,比如字符串型是String,數(shù)字型是Number,所以對于沒有腳本代碼基礎的朋友可能會比較困難一些,不過這里介紹過操作方法之后依葫蘆畫瓢就可以了,編寫過JS代碼的話就沒有任何問題了。AxureRP生成的原型是HTML格式的,其上帶的交互效果在轉(zhuǎn)換成HTML之后都是通過JS腳本來實現(xiàn)交互功能的,這里要修改的就是這些JS腳本文件。
下面介紹修改操作的具體步驟,首先當然還是要先在AxureRP中制作設計好頁面,比如這里分別要模擬加減乘除四種運算,就設置四種運算的模擬界面,如下圖所示,并將對應的組件都分類命名。
再就是設置每種運算后面的計算按鈕的單擊事件,這里需要新增兩個變量a,b,用來存儲每種運算的前兩個輸入框的值,然后將運算值賦給第三個輸入框,這里需要注意的是,需要判斷前兩個輸入框是否為空,這里默認為空的話就不響應運算,除法的時候還需判斷第2個輸入框不能夠為0,就是需要判斷一些運算的常見規(guī)則。設置方式見下圖,也可以查看源文件。
設置好之后就要生成原型,這個時候去點擊計算按鈕是不能運算的,會輸出來一個類似"a+b"這樣類型的字符串,而不是實際結(jié)果,這個當然不是我們要的結(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)很復雜的計算演示,簡單一點就好。AxureRP6.0下做運算是沒有什么問題的,可以設計實現(xiàn)簡易計算器的功能,后續(xù)會介紹。
以上在AxureRP 5.5版本下演示通過
文章標題:AxureRP教程:變量運算
文章位置:http://jinyejixie.com/article6/cphjog.html
成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站收錄、定制開發(fā)、標簽優(yōu)化、動態(tài)網(wǎng)站、Google、外貿(mào)網(wǎng)站建設
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)