平安彩票网 - 专业热门高频彩投注开奖官网

2017/4/24 來源:www.arpun.com 作者:小白

 1、首先新建一個動態面板, 該動態面板要有兩個狀態, 狀態一、狀態二;此後再新建一個計時器矩形即可矩形內寫好數字60;

Axure如何設計手機短信倒計時效果Axure如何設計手機短信倒計時效果 arpun.com
Axure如何設計手機短信倒計時效果

  2、對這個動態面板添加事件︰當動態面板狀態變更時, 令系統的臨時變量OnLoadVariable的值-1, 之後再把這個值賦給剛剛的計時器矩形;

Axure如何設計手機短信倒計時效果

  3、此時再對整個頁面載入時添加一個效果, 令剛剛的動態面板在載入時就不斷的從頭循環, 反復切換狀態, 時間間隔設置好為1000ms, 即一秒;此外還需對系統的臨時變量OnLoadVariable進行第一次賦值︰60

Axure如何設計手機短信倒計時效果

  4、此時直接運行, 從結果頁面可以看到, 動態面板每隔一次, 進行一次狀態的轉換, 同時因為面板的轉換, 觸發效果, 使臨時變量OnLoadVariable的值不斷的減一, 還不斷的將變小的值賦予計時器上, 從而達到從60開始倒數的效果!

Axure如何設計手機短信倒計時效果
Axure如何設計手機短信倒計時效果

  5、最後在將狀態不斷變換的面板隱藏掉, 這樣用戶將不能在頁面中看到你是如何控制時間如何倒數的, 是不是看起來很高大上?

Axure如何設計手機短信倒計時效果
網友評論
評論(...
全部評論