1. 程式人生 > >AXURE-超詳細摺疊選單實現

AXURE-超詳細摺疊選單實現

這個摺疊選單簡把我弄崩了,蒼天呀,這裡記錄一下,希望後來的人少入點坑

所用版本為最新的Axure 8.0,我還不怎麼會用動態面板呢,難死寶寶了

1.最終效果圖

 

      變成

      

再變成

          

實現步驟1

         1,首先建立一個動態面板,左邊的元件區拖出來就可以了(這個地方先不要改動態面板的屬性:自動調整為內容尺寸,一會在改,將改動態面板取名為1。

         2.進入動態面板1的State1,畫一個黃色的矩形和黑色的矩形,將黑色矩形的屬性改為隱藏,排列成下圖

            

 2. 建立動態面板1的State2

    同樣的在State2中畫一個相同的黃色矩形和黑色矩形,唯一不同的地方是State2的黑色矩形的狀態是可見的,不是隱藏的,見下圖

    

此時一定要檢查一下動態面板1的屬性:自動調整為內

內容尺寸   前面打了勾,

3,給動態面板1新增滑鼠單擊時間

     選擇State1的黃色矩形,點選屬性裡的滑鼠單擊事件,


注意上面這些地方

4,給摺疊選單加上點一下收回來的效果

  同樣的找到State2的黃色矩形,找到它的滑鼠單擊事件。

  

5,回到主頁面,我經常搞錯,玩命的單擊某一個原件,後來發現這個元件和我想操作的所在頁面不一致,感覺尬尬的

    

6,將動態面板1複製一份,將兩個黃色矩形放在一起,預覽看效果


這樣就可以了,真的可以,嘿嘿嘿