相信喜歡做設計的朋友應該對墨刀并不陌生。它是一款原型的設計工具，擁有手機版本，并支持云端保存和實時手機預覽，方便用戶隨時隨地進行演示。

墨刀含有豐富的模板。它可以通過相關的組件達到動態的效果。大大地為用戶節省時間，避免不必要的重復工作。那么，墨刀如何做動態效果？下面以下拉菜單的動態效果為例子。

墨刀如何做下拉菜單的動態效果？

1、首先點擊查看“下拉菜單”的素材，會發現在墨刀畫布區域會彈出相關的組件。按住鼠標左鍵將組件選中，然后點擊畫布右側面板中的“添加組件狀態”按鈕進入下一步的組件狀態編輯。

2、在墨刀動態效果編輯的主界面畫布中間會出現“組件狀態”的對話框，用戶需要編輯狀態的名稱。狀態１為“隱藏”，狀態２為“顯示”。

3、接著，按住鼠標左鍵將“隱藏”狀態的下拉組件選中，并且在墨刀動態編輯界面的畫布右側點擊隱藏按鈕，即可將“隱藏”的相關組件成功隱藏起來。

4、做到這一步，用墨刀做下拉菜單的動態效果的操作過程就完成一半了。接著，用戶還需要將狀態切換到“顯示”。比如當我們把手移動到“掃一掃”的組件時就可以跳轉到其對應頁面。那么該如何做出動態效果？

用戶先要點擊“掃一掃”將其選中，然后再按住鼠標左鍵將其鏈接到墨刀動態主界面的左側畫布的素材“掃一掃”，如下圖。

5、回到“組件狀態”，將“隱藏”的下拉菜單組件添加交互動態事件，點擊組件右上角的“＋”按鈕鏈接到“顯示”狀態。

完成上一步后，將“組件狀態”切換到“顯示”狀態，并將其狀態的下單菜單組件選中，鏈接到“隱藏”狀態。完成這一步的設置后，退出組件編輯。

６、最后，用戶需要把動態組件移動到畫板上，這樣就完成了墨刀動態效果的制作。可以點擊墨刀主界面右上方的“運行”按鈕，預覽一下自己運用墨刀所制作的動態效果。

使用墨刀制作下拉菜單動態效果的方法介紹結束，你學會了嗎？想了解更多精彩教程資訊，請關注VEVB.com。