Axure中動態(tài)面板常用來實現(xiàn)交互效果砂缩,如:
- 使用動態(tài)面板制作輪播圖。
- 使用動態(tài)面板制作tab頁面切換甲锡。
- 使用動態(tài)面板制作彈出對話框拒名。
....
本節(jié)使用的動態(tài)面板來實現(xiàn)輪播圖的效果。
效果:
- 頁面載入時顾彰,進行三張圖片的輪播极阅,時間間隔為N秒,且輪播的時候涨享,底部小紅點跟隨圖片順序進行切換筋搏。
- 當鼠標移入輪播圖時,圖片停止輪播厕隧,當鼠標移出奔脐,輪播繼續(xù)。
實現(xiàn)步驟:
a. 元器準備
1.拖入動態(tài)面板并命名為“手游”吁讨,并制作三種靜態(tài)狀態(tài)髓迎,分別為“玩著榮耀”、“開心消消樂”建丧、“陰陽師”竖般。
2.編輯每個狀態(tài)。(雙擊或者右鍵-編輯 進入編輯狀態(tài))
每個頁面包含四個控件:圖片+三個圓點
接下來單獨修改每個靜態(tài)頁面的內(nèi)容,效果如下茶鹃,記得改變圓點的顏色
b. 交互效果
-
為動態(tài)面板添加交互效果
即實現(xiàn)鼠標移入時停止輪播
鼠標移出時涣雕,繼續(xù)輪播。
-
為頁面添加交互效果闭翩,實現(xiàn)當頁面載入時挣郭,輪播開始。
‘
源文件:
- Axure Share地址
- 百度網(wǎng)盤:http://pan.baidu.com/s/1mh6j7Kk 密碼: cl7s