軟件開發(fā)中經(jīng)常會(huì)遇到旋轉(zhuǎn)菜單效果，產(chǎn)品經(jīng)理在產(chǎn)品設(shè)計(jì)中，想要用一個(gè)旋轉(zhuǎn)菜單菜單效果，該怎么給程序描述，又如何做出自己理想中的旋轉(zhuǎn)菜單效果呢，今天給大家講解一下，如何在Axure中做出漂亮的旋轉(zhuǎn)菜單效果

Axure RP7.0.2漢化包 20131206版

• 類型：應(yīng)用其它
• 大?。?/span>60MB
• 語言：英文軟件
• 時(shí)間：2013-12-06

查看詳情

1、首先在Axure畫布中拉入一個(gè)手機(jī)框，并添加上Status Bar

2、在手機(jī)框中拖入5個(gè)矩形，大的矩形為80x80，小矩形為40x40，并將矩形轉(zhuǎn)變?yōu)閳A形，分別命名為y1,y2,y3,y4,y5。并在圓形中添加上不同的五張圖片，圖片可自選，分別對(duì)應(yīng)命名為圖1，圖2，圖3，圖4，圖5

3、在空白位置，標(biāo)記出y1,y2,y3,y4,y5的坐標(biāo)備用

4、實(shí)現(xiàn)輪轉(zhuǎn)效果， 點(diǎn)擊y4小圓，則y1移動(dòng)到y(tǒng)4的位置，y2移動(dòng)到y(tǒng)5的位置，y3移動(dòng)到y(tǒng)2位置，y4移動(dòng)到y(tǒng)3位置，y5移動(dòng)到y(tǒng)1的位置

5、實(shí)現(xiàn)圖片大小變換效果：在圖4上放拖入一個(gè)動(dòng)態(tài)面板，命名為大小圖切換-圖4,狀態(tài)命名為大圖，在大圖內(nèi)部，倒入大圖標(biāo)

6、實(shí)現(xiàn)整體聯(lián)動(dòng)效果，點(diǎn)擊圖4，設(shè)置大小圖切換-圖4動(dòng)態(tài)面板顯示并置于頂層

7、至此，已經(jīng)完成所有的準(zhǔn)備工作，趕緊預(yù)覽一下效果吧

注意事項(xiàng)：此示例中以圖4作為例子講解，其他幾個(gè)圖標(biāo)的點(diǎn)擊事件可以參照?qǐng)D4做。

相關(guān)推薦：

AxureRP 7.0實(shí)現(xiàn)天貓登錄的詳細(xì)教程

axure7.0怎么制作折疊和展開的菜單效果?

Axure怎么制作頁(yè)面滾動(dòng)時(shí)菜單固定在頂部的頁(yè)面？

最新評(píng)論