AXURE-超詳細摺疊選單實現
阿新 • • 發佈:2019-01-29
這個摺疊選單簡把我弄崩了,蒼天呀,這裡記錄一下,希望後來的人少入點坑
所用版本為最新的Axure 8.0,我還不怎麼會用動態面板呢,難死寶寶了
1.最終效果圖
變成
再變成
實現步驟1
1,首先建立一個動態面板,左邊的元件區拖出來就可以了(這個地方先不要改動態面板的屬性:自動調整為內容尺寸,一會在改,將改動態面板取名為1。
2.進入動態面板1的State1,畫一個黃色的矩形和黑色的矩形,將黑色矩形的屬性改為隱藏,排列成下圖
2. 建立動態面板1的State2
同樣的在State2中畫一個相同的黃色矩形和黑色矩形,唯一不同的地方是State2的黑色矩形的狀態是可見的,不是隱藏的,見下圖
此時一定要檢查一下動態面板1的屬性:自動調整為內
內容尺寸 前面打了勾,
3,給動態面板1新增滑鼠單擊時間
選擇State1的黃色矩形,點選屬性裡的滑鼠單擊事件,
注意上面這些地方
4,給摺疊選單加上點一下收回來的效果
同樣的找到State2的黃色矩形,找到它的滑鼠單擊事件。
5,回到主頁面,我經常搞錯,玩命的單擊某一個原件,後來發現這個元件和我想操作的所在頁面不一致,感覺尬尬的
6,將動態面板1複製一份,將兩個黃色矩形放在一起,預覽看效果
這樣就可以了,真的可以,嘿嘿嘿