在投票類的網頁中,點擊“支持”按鍵后,不僅增加“被支持”一方的“投票”數量,還顯示“投票”比例,該怎么制作這類的網頁呢?具體效果圖如下,詳細操作請看下文詳細介紹。
“進度條”的基本制作原理,可先參考以下鏈接,是個基礎,這里不再累述部分代碼原理~
在axure中,按以下圖示,設置組件布局:
先設置”按鍵1“的交互動作:
動作1:
設置”參數1“的數值,即點擊“支持”后,數值加1
設置"參數1"的“元件文字”為局部變量LVAR1
所以”參數1“的數值為:[[LVAR1+1]]
動作2:
1.觸發"顏色進度條1"的"載入時"動作
2.觸發"顏色進度條2"的"載入時"動作
然后看下“顏色進度條1”的“載入時”的交互動作:
動作1:
設置”總量1“的內容,即“進度條1”的比率數值,這是一個臨時的過渡數值
設置"參數1"的“元件文字”為局部變量LVAR1
設置"參數2"的“元件文字”為局部變量LVAR2
上一頁12 下一頁 閱讀全文
新聞熱點
疑難解答
圖片精選