天貓輪播圖
主要是對 動態(tài)面板 及 熱區(qū) 的使用練習(xí)
動態(tài)面板:就像是一個圖像的容器(類似于相冊),在這里面可以進(jìn)行翻頁,跳轉(zhuǎn)等操作
熱區(qū):是一個不可見的(透明的)層,這個層允許你放在任何區(qū)域上并添加交互。
功能簡析:輪播圖有六張圖片構(gòu)成,點(diǎn)擊左(右)按鈕可以讓圖片實(shí)現(xiàn)輪播效果,移入小圓區(qū)域也可以實(shí)現(xiàn)對應(yīng)的的圖片跳轉(zhuǎn)
操作步驟:1、拖入一個動態(tài)面板,調(diào)整坐標(biāo)及寬高(根據(jù)圖片大小來定)
?2、雙擊動態(tài)面板,可對動態(tài)面板進(jìn)行命名及添加圖層操作?
3、拖圖片到動態(tài)面板的各個圖層中,并調(diào)整位置及進(jìn)行命名
4、動態(tài)面板頁面,設(shè)置左右按鈕(用矩形操作),默認(rèn)設(shè)置隱藏狀態(tài)
5、選中動態(tài)面板及左右按鈕,單擊右鍵-->轉(zhuǎn)換為動態(tài)面板
6、在設(shè)置的大面板下添加兩個事件,鼠標(biāo)移入時,顯示左右按鈕,鼠標(biāo)移出時,隱藏左右按鈕
7、給左右按鈕添加單擊事件 ??
8、給輪播圖添加 熱區(qū) ,并設(shè)置其大小,位置
9、給熱區(qū)添加鼠標(biāo)移入事件(注意每個熱區(qū)對應(yīng)的圖片,操作與7相同)
10、預(yù)覽,完成操作。
在左右按鈕,及熱區(qū)可以添加提示元件,顯示第幾頁
同理上一篇的qq登陸提示,也可以這樣操作
(以上內(nèi)容是個人接觸Axure RP第二天的學(xué)習(xí)總結(jié),錯誤漏洞肯定是有的,以后慢慢修改)