軟件開發中經常會遇到旋轉菜單效果,產品經理在產品設計中,想要用一個旋轉菜單菜單效果,該怎么給程序描述,又如何做出自己理想中的旋轉菜單效果呢,今天給大家講解一下,如何在Axure中做出漂亮的旋轉菜單效果
1、首先在Axure畫布中拉入一個手機框,并添加上Status Bar
2、在手機框中拖入5個矩形,大的矩形為80x80,小矩形為40x40,并將矩形轉變為圓形,分別命名為y1,y2,y3,y4,y5。并在圓形中添加上不同的五張圖片,圖片可自選,分別對應命名為圖1,圖2,圖3,圖4,圖5
3、在空白位置,標記出y1,y2,y3,y4,y5的坐標備用
4、實現輪轉效果, 點擊y4小圓,則y1移動到y4的位置,y2移動到y5的位置,y3移動到y2位置,y4移動到y3位置,y5移動到y1的位置
5、實現圖片大小變換效果:在圖4上放拖入一個動態面板,命名為大小圖切換-圖4,狀態命名為大圖,在大圖內部,倒入大圖標
6、實現整體聯動效果,點擊圖4,設置大小圖切換-圖4動態面板顯示并置于頂層
7、至此,已經完成所有的準備工作,趕緊預覽一下效果吧
注意事項:此示例中以圖4作為例子講解,其他幾個圖標的點擊事件可以參照圖4做。
相關推薦:
AxureRP 7.0實現天貓登錄的詳細教程
axure7.0怎么制作折疊和展開的菜單效果?
Axure怎么制作頁面滾動時菜單固定在頂部的頁面?
新聞熱點
疑難解答