在投票類的網(wǎng)頁中,點(diǎn)擊“支持”按鍵后,不僅增加“被支持”一方的“投票”數(shù)量,還顯示“投票”比例,該怎么制作這類的網(wǎng)頁呢?具體效果圖如下,詳細(xì)操作請看下文詳細(xì)介紹。

“進(jìn)度條”的基本制作原理,可先參考以下鏈接,是個基礎(chǔ),這里不再累述部分代碼原理~
在axure中,按以下圖示,設(shè)置組件布局:



先設(shè)置”按鍵1“的交互動作:

動作1:
設(shè)置”參數(shù)1“的數(shù)值,即點(diǎn)擊“支持”后,數(shù)值加1

設(shè)置"參數(shù)1"的“元件文字”為局部變量LVAR1
所以”參數(shù)1“的數(shù)值為:[[LVAR1+1]]

動作2:
1.觸發(fā)"顏色進(jìn)度條1"的"載入時"動作
2.觸發(fā)"顏色進(jìn)度條2"的"載入時"動作

然后看下“顏色進(jìn)度條1”的“載入時”的交互動作:

動作1:
設(shè)置”總量1“的內(nèi)容,即“進(jìn)度條1”的比率數(shù)值,這是一個臨時的過渡數(shù)值

設(shè)置"參數(shù)1"的“元件文字”為局部變量LVAR1
設(shè)置"參數(shù)2"的“元件文字”為局部變量LVAR2
上一頁12 下一頁 閱讀全文
|
新聞熱點(diǎn)
疑難解答
圖片精選