軟件開發(fā)中經(jīng)常會遇到旋轉(zhuǎn)菜單效果,產(chǎn)品經(jīng)理在產(chǎn)品設(shè)計中,想要用一個旋轉(zhuǎn)菜單菜單效果,該怎么給程序描述,又如何做出自己理想中的旋轉(zhuǎn)菜單效果呢,今天給大家講解一下,如何在Axure中做出漂亮的旋轉(zhuǎn)菜單效果
1、首先在Axure畫布中拉入一個手機(jī)框,并添加上Status Bar

2、在手機(jī)框中拖入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)效果, 點(diǎ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)動效果,點(diǎn)擊圖4,設(shè)置大小圖切換-圖4動態(tài)面板顯示并置于頂層

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

注意事項:此示例中以圖4作為例子講解,其他幾個圖標(biāo)的點(diǎn)擊事件可以參照圖4做。
新聞熱點(diǎn)
疑難解答
圖片精選