Axure原型設計小技巧

(一)返回頁面製做blog

(二)倒計時效果(以下圖所示)事件

12

image

2.1  方法/步驟it

1.拖出來兩個文本標籤,一個在裏面寫入數字10,並命名爲time,另外一個寫入文字「秒後自動進入下個頁面」變量

image

2.拖出來一個動態面板,命名爲round,雙擊動態面板,裏面已經有一個動態面板State1,再添加一個State2,分別設置兩個面板的背景色爲紅和藍,用於演示效果,點擊肯定bfc

image

3.雙擊動態面板round的"狀態改變時"事件,在彈出的窗口中點擊「添加條件」,設置「元件文字」time > 值 0,而後點擊肯定配置

image

image

image

4.緊接着在添加動做列中點擊「設置文本」,在右邊配置動做中勾選time元件,而後點擊右下角的fx,添加局部變量LVAR1=元件文字time,而後再插入變量[[LVAR1]],而後修改成[[LVAR1-1]],而後點擊肯定循環

image

image

5.點擊index頁面空白處,雙擊「頁面截入時」事件,在彈出框中添加動做"設置面板狀態「,在右邊勾選round動態面板,選擇狀態」Next」,勾上「向後循環」,「循環間隔1000毫秒」及「首個狀態延時1000毫秒後切換」,而後點擊肯定方法

image

6.點擊動態面板,再次點擊」狀態改變時「事件,添加頁面跳轉,添加條件,當time值=0時,跳轉到page1im

image

image

相關文章
相關標籤/搜索