Axure(實(shí)例操作之二)

天貓輪播圖

主要是對 動態(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é),錯誤漏洞肯定是有的,以后慢慢修改)

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

推薦閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 173,420評論 25 708
  • 內(nèi)容抽屜菜單ListViewWebViewSwitchButton按鈕點(diǎn)贊按鈕進(jìn)度條TabLayout圖標(biāo)下拉刷新...
    皇小弟閱讀 46,894評論 22 665
  • Android UI相關(guān)開源項(xiàng)目庫匯總OpenDigg 抽屜菜單MaterialDrawer ★7337 - 安卓...
    黃海佳閱讀 8,760評論 3 77
  • 飯前酒一杯,飯后茶一盞。樂得自悠然,快樂又似仙。莫道世蒼桑,莫言它山美。風(fēng)光在心里,秀麗在遠(yuǎn)方。
    甘朝武閱讀 336評論 0 0
  • 下了十來天的雨,終于肯歇停了。期盼已久的太陽,昨天下午搖搖晃晃地從云層里頭走了出來。看到他時,他的精神狀態(tài)不是那么...
    劉炳清閱讀 253評論 0 3