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