每個(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)，見(jià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í)菜單

解讀：

1. 給state1菜單一個(gè)【鼠標(biāo)單擊時(shí)】事件，然后設(shè)置面板狀態(tài)，√選右邊動(dòng)態(tài)面板，設(shè)置選擇狀態(tài)為：state2；√選推動(dòng)/拉動(dòng)元件，設(shè)置方向：向下；動(dòng)畫(huà)：線性；動(dòng)畫(huà)時(shí)間：200毫秒。
2. 選中state2中主菜單，設(shè)置【鼠標(biāo)單擊時(shí)】事件，步驟和state1一樣，唯一不同的是此處選擇狀態(tài)為：state1。

注意事項(xiàng)：進(jìn)入/退出動(dòng)畫(huà)盡量不做設(shè)置

本文由 @?猴子 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載

題圖來(lái)自Unsplash，基于CC0協(xié)議