菜單縮放在產品中是壹個非常常見的功能，如何通過內聯框架實現菜單的動態縮放?本文將在AXURE中向大家進行演示，所以有興趣的小夥伴就可以操作起來~備註：為準備學習Axure、正在學習Axure的小夥伴提供了專業系統的Axure自學視頻課，視頻教學，知識點清晰，方便快速地掌握~
Axure制作菜單動態伸縮效果步驟：
壹、制作原型拉入四個矩形框型，作為壹組主菜單與子菜單，畫出兩組菜單。主菜單命名為菜單壹，下面三個子菜單分別命名為子菜單壹，子菜單二，子菜單三。子菜單左側對齊並垂直分布，子菜單組與主菜單居中分布，子菜單合並成組命名為菜單壹子菜單；同樣的方式畫出菜單二，將其子菜單合並成組命名為菜單二子菜單。將子菜單和主菜單合並成組；各個菜單組對齊處理。對菜單進行樣式設計，我這裏把主菜單設為藍色填充，白色字體。對子菜單進行樣式設計，選中子菜單，右擊，選擇交互樣式，鼠標懸停，鼠標按下，選中的時候子菜單填充淺藍色。將子菜單組設置為隱藏。主菜單按照展示的樣式進行排列。接下來從元件中拖拽內聯框架，拖到合適大小，並將邊框進行隱藏。二、添加交互點擊主菜單壹，添加交互，新建交互，選擇（ClickorTap），顯示與隱藏，目標選中子菜單組合，顯示動畫，向下滑動500ms，隱藏動畫，向上滑動500ms，更多選項，選擇推動和拉動原件，下方，線性500ms。子菜單1設置交互，新建交互，選擇（ClickorTap），框架中打開鏈接，目標選擇內聯框架，鏈接到子菜單1對應的詳細原型頁面。按照同樣的方式設置其他的子菜單。（子菜單鏈接的具體頁面根據業務需要來，可以提前畫幾個菜單頁面）。按照同樣的方式設計其他菜單和相應的界面。最後形成的結果如圖。以上即是關於“Axure怎麽制作菜單動態伸縮效果？”的分享內容了，希望能夠幫助到妳~！更多Axure原型技巧，盡在Axure相關文章！很多小夥伴學習Axure都選擇了在網上學習，但是很多都是東拼西湊的學，以致於學習到和實際操作的可能就有所出入了~所以學習Axure，還是系統化比較好！選擇的Axure自學視頻課，相信能夠給予妳知識的收獲以及動手實操的經驗~