全栈工程师?
嗯.....目前并不是!

Axure教程:快樂實現手風琴菜單動態效果

每個人心裡都有一個小九九,幻想自己是某一個領域的技術大神,但現實中我們少了那份執着和堅持;而我曾經是這樣子的,可現在想改變了,想讓自己每天都變得進步一點點,所以堅持每周更新Axure教程,希望與大家共勉一起學習。

今天和大家分享的是Axure手風琴效果實現,見如下自製動態效果:

效果實現解讀:拖拽三個動態面板,每個動態面板分別創建兩個state,然後添加內容,如:

State1內容:

State2內容:

分析:單擊主菜單,彈出對應主菜單裡面的子級菜單

解讀:

  1. 給state1菜單一個【鼠標單擊時】事件,然後設置面板狀態,√選右邊動態面板,設置選擇狀態為:state2;√選推動/拉動元件,設置方向:向下;動畫:線性;動畫時間:200毫秒。
  2. 選中state2中主菜單,設置【鼠標單擊時】事件,步驟和state1一樣,唯一不同的是此處選擇狀態為:state1。

注意事項:進入/退齣動畫盡量不做設置

 

版权声明:本文采用知识共享 署名4.0国际许可协议 [BY-NC-SA] 进行授权
文章名称:《Axure教程:快樂實現手風琴菜單動態效果》
文章链接:https://www.pmbear.com/axure%e6%95%99%e7%a8%8b%ef%bc%9a%e5%bf%ab%e6%a8%82%e5%af%a6%e7%8f%be%e6%89%8b%e9%a2%a8%e7%90%b4%e8%8f%9c%e5%96%ae%e5%8b%95%e6%85%8b%e6%95%88%e6%9e%9c/
本站资源仅供个人学习交流,请于下载后24小时内删除,不允许用于商业用途,否则法律问题自行承担。

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

大前端WP主题 更专业 更方便

联系我们联系我们