起點(diǎn)課堂會(huì)員權(quán)益
職業(yè)體系課特權(quán)
線下行業(yè)大會(huì)特權(quán)
個(gè)人IP打造特權(quán)
30+門專項(xiàng)技能課
1300+專題課程
12場(chǎng)職場(chǎng)軟技能直播
12場(chǎng)求職輔導(dǎo)直播
12場(chǎng)專業(yè)技能直播
會(huì)員專屬社群
榮耀標(biāo)識(shí)Axure教程：快樂實(shí)現(xiàn)手風(fēng)琴菜單動(dòng)態(tài)效果
每個(gè)人心里都有一個(gè)小九九，幻想自己是某一個(gè)領(lǐng)域的技術(shù)大神，但現(xiàn)實(shí)中我們少了那份執(zhí)著和堅(jiān)持；而我曾經(jīng)是這樣子的，可現(xiàn)在想改變了，想讓自己每天都變得進(jìn)步一點(diǎn)點(diǎn)，所以堅(jiān)持每周更新Axure教程，希望與大家共勉一起學(xué)習(xí)。
今天和大家分享的是Axure手風(fēng)琴效果實(shí)現(xiàn)，見如下自制動(dòng)態(tài)效果：
效果實(shí)現(xiàn)解讀：拖拽三個(gè)動(dòng)態(tài)面板，每個(gè)動(dòng)態(tài)面板分別創(chuàng)建兩個(gè)state，然后添加內(nèi)容，如：
State1內(nèi)容：
State2內(nèi)容：
分析：?jiǎn)螕糁鞑藛?，彈出?duì)應(yīng)主菜單里面的子級(jí)菜單
解讀：
- 給state1菜單一個(gè)【鼠標(biāo)單擊時(shí)】事件，然后設(shè)置面板狀態(tài)，√選右邊動(dòng)態(tài)面板，設(shè)置選擇狀態(tài)為：state2；√選推動(dòng)/拉動(dòng)元件，設(shè)置方向：向下；動(dòng)畫：線性；動(dòng)畫時(shí)間：200毫秒。
- 選中state2中主菜單，設(shè)置【鼠標(biāo)單擊時(shí)】事件，步驟和state1一樣，唯一不同的是此處選擇狀態(tài)為：state1。
注意事項(xiàng)：進(jìn)入/退出動(dòng)畫盡量不做設(shè)置
本文由 @?猴子 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載
題圖來自Unsplash，基于CC0協(xié)議
評(píng)論
有點(diǎn)不明白的地方，想請(qǐng)教你一下，不知有什么聯(lián)系方式？我配置出來一直顯示不正常，且有空行
還有一種類似的方法，把每個(gè)菜單作為toggle，賦予選中/未選中兩個(gè)狀態(tài)，進(jìn)行類似的推動(dòng)/拉動(dòng)動(dòng)作～
我做的這個(gè)點(diǎn)擊菜單一，下面的內(nèi)容會(huì)空出來一行
我知道原因了 ?
??