Axure怎么給菜單設(shè)置旋轉(zhuǎn)效果?

軟件開發(fā)中經(jīng)常會遇到旋轉(zhuǎn)菜單效果,產(chǎn)品經(jīng)理在產(chǎn)品設(shè)計中,想要用一個旋轉(zhuǎn)菜單菜單效果,該怎么給程序描述,又如何做出自己理想中的旋轉(zhuǎn)菜單效果呢,今天給大家講解一下,如何在Axure中做出漂亮的旋轉(zhuǎn)菜單效果
1、首先在Axure畫布中拉入一個手機框,并添加上Status Bar
2、在手機框中拖入5個矩形,大的矩形為80x80,小矩形為40x40,并將矩形轉(zhuǎn)變?yōu)閳A形,分別命名為y1,y2,y3,y4,y5。并在圓形中添加上不同的五張圖片,圖片可自選,分別對應(yīng)命名為圖1,圖2,圖3,圖4,圖5
3、在空白位置,標(biāo)記出y1,y2,y3,y4,y5的坐標(biāo)備用
4、實現(xiàn)輪轉(zhuǎn)效果, 點擊y4小圓,則y1移動到y(tǒng)4的位置,y2移動到y(tǒng)5的位置,y3移動到y(tǒng)2位置,y4移動到y(tǒng)3位置,y5移動到y(tǒng)1的位置
5、實現(xiàn)圖片大小變換效果:在圖4上放拖入一個動態(tài)面板,命名為大小圖切換-圖4,狀態(tài)命名為大圖,在大圖內(nèi)部,倒入大圖標(biāo)
6、實現(xiàn)整體聯(lián)動效果,點擊圖4,設(shè)置大小圖切換-圖4動態(tài)面板顯示并置于頂層
7、至此,已經(jīng)完成所有的準(zhǔn)備工作,趕緊預(yù)覽一下效果吧
注意事項:此示例中以圖4作為例子講解,其他幾個圖標(biāo)的點擊事件可以參照圖4做。
相關(guān)推薦:
AxureRP 7.0實現(xiàn)天貓登錄的詳細(xì)教程
相關(guān)文章
- axure7.0怎么制作折疊和展開的菜單效果?折疊交互顯得網(wǎng)頁整齊,同時還給人一種動態(tài)的感覺,很好看,怎么制作的自由折疊和展開效果呢?下面分享axure7.0繪制的詳細(xì)過程,需2015-12-01
- Axure怎么制作頁面滾動時菜單固定在頂部的頁面?本文介紹如何做一個在滾動中將菜單固定在頂部的頁面,屬于中級Axure案例。本文旨在展示交互效果,不對頁面具體內(nèi)容和UI進(jìn)行2015-07-10
AxureRP 7.0實現(xiàn)天貓登錄的詳細(xì)教程
用AxureRP 7.0怎么實現(xiàn)天貓登錄?其實很方便,只要簡單的應(yīng)用動態(tài)面板和屬性設(shè)置就可以輕松搞定了,下面我們一起來看看AxureRP 7.0實現(xiàn)天貓登錄的詳細(xì)教程2015-05-28- Axure是設(shè)計師最常用的的原型設(shè)計工具之一,Axure RP 7.0版本相較6.5版本也有了比較大的改變。這里就介紹一下Axure RP 7.0的快捷鍵,需要的朋友可以看看2014-06-25