欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Axure怎么制作帶百分比進度條的投票系統(tǒng)?

百度經(jīng)驗   發(fā)布時間：2019-08-06 09:49:01   作者：goodbyte01   我要評論
Axure怎么制作帶百分比的投票系統(tǒng)？網(wǎng)站上我們家經(jīng)常能見到一些投票系統(tǒng)，該怎么創(chuàng)建一個帶百分比的投票系統(tǒng)呢？下面我們就來看看詳細的教程，需要的朋友可以參考下

進度條，應用也比較廣泛，這里提供一則帶百分比的進度條案例，分享給大家

效果如下（搞不定百度的gif壓縮了，上傳的gif效果嚴重失真，咳~）：

1、為了說明效果，特意放置了3條進度條，以示不同比例的效果，這里僅以一條進度條做范本，如需其他數(shù)量進度條可以按“復制+黏貼”方式實現(xiàn)，無非再修改下顏色即可~

2、“進度條”所需的素材不多：2個矩形和2個文本標簽即可，如下圖所示：

3、按以下要求設置：

1）設置“文本標簽“名稱（標識）：百分比

2）設置“文本標簽“名稱（標識）：參數(shù)；文本內(nèi)容：249（數(shù)值可隨意）

3）設置“矩形”名稱（標識）：總量；尺寸：500*10；填充色：#F0F0F0（可隨意）

4）設置“矩形”名稱（標識）：顏色進度條；尺寸：10*10；填充色：#C8C8AD（可隨意）

4、按下圖布局方式組合：

5、這里只需針對“矩形：顏色進度條“做交互效果，設定相關動作：

6、以“矩形：總量“長度為總長度；設定總量是500；參數(shù)可任意設置小于500的任意數(shù)字；設定一個全局變量num，記錄百分比的數(shù)值

7、動作1：設置“矩形：顏色進度條“的長度

設置"文本框：參數(shù)"的內(nèi)容（即數(shù)值）為局部變量LVAR1

設置"文本框：總量"為局部變量LVAR2

所以”矩形：顏色進度條“的長度為：[[LVAR1/500*LVAR2.width]]

8、動作2：計算百分比

1)計算百分比

設置"文本框：參數(shù)"的內(nèi)容（即數(shù)值）為局部變量LVAR1,所以計算得”百分比“的數(shù)值為：[[LVAR1/500*100]]

（原本到這里可以結(jié)束了，但實際情況會發(fā)現(xiàn)，計算出來的數(shù)值，會有很多小數(shù)點，哈哈，這就不美觀了）

2)百分比格式化：保留2位小數(shù)格式化用到的函數(shù)：[[num.toFixed(2)]]

3)設置“文本標簽：百分比”為計算所得的數(shù)值（[[num.toFixed(2)]]%）

9、“矩形：顏色進度條“的所有動作如下圖所示：

10、到這里就設置結(jié)束了，很是簡單。一切設置正確，效果就如下：

以上就是Axure制作帶百分比進度條的投票系統(tǒng)的教程，希望大家喜歡，請繼續(xù)關注腳本之家。

相關推薦：

Axure怎么設計點贊的百分比進度條?

Axure怎么制作百分比的進度條動畫?

Axure8怎么實現(xiàn)簡易的百分比進度條?

相關文章

最新評論