相信喜歡做設計的朋友應該對墨刀并不陌生。它是一款原型的設計工具,擁有手機版本,并支持云端保存和實時手機預覽,方便用戶隨時隨地進行演示。
墨刀含有豐富的模板。它可以通過相關的組件達到動態(tài)的效果。大大地為用戶節(jié)省時間,避免不必要的重復工作。那么,墨刀如何做動態(tài)效果?下面以下拉菜單的動態(tài)效果為例子。
怎么使用墨刀軟件做下拉菜單的動態(tài)效果
1、首先點擊查看“下拉菜單”的素材,會發(fā)現(xiàn)在墨刀畫布區(qū)域會彈出相關的組件。按住鼠標左鍵將組件選中,然后點擊畫布右側面板中的“添加組件狀態(tài)”按鈕進入下一步的組件狀態(tài)編輯。
2、在墨刀動態(tài)效果編輯的主界面畫布中間會出現(xiàn)“組件狀態(tài)”的對話框,用戶需要編輯狀態(tài)的名稱。狀態(tài)1為“隱藏”,狀態(tài)2為“顯示”。
3、接著,按住鼠標左鍵將“隱藏”狀態(tài)的下拉組件選中,并且在墨刀動態(tài)編輯界面的畫布右側點擊隱藏按鈕,即可將“隱藏”的相關組件成功隱藏起來。
4、做到這一步,用墨刀做下拉菜單的動態(tài)效果的操作過程就完成一半了。接著,用戶還需要將狀態(tài)切換到“顯示”。比如當我們把手移動到“掃一掃”的組件時就可以跳轉到其對應頁面。那么該如何做出動態(tài)效果?
用戶先要點擊“掃一掃”將其選中,然后再按住鼠標左鍵將其鏈接到墨刀動態(tài)主界面的左側畫布的素材“掃一掃”,如下圖。
5、回到“組件狀態(tài)”,將“隱藏”的下拉菜單組件添加交互動態(tài)事件,點擊組件右上角的“+”按鈕鏈接到“顯示”狀態(tài)。
完成上一步后,將“組件狀態(tài)”切換到“顯示”狀態(tài),并將其狀態(tài)的下單菜單組件選中,鏈接到“隱藏”狀態(tài)。完成這一步的設置后,退出組件編輯。
6、最后,用戶需要把動態(tài)組件移動到畫板上,這樣就完成了墨刀動態(tài)效果的制作??梢渣c擊墨刀主界面右上方的“運行”按鈕,預覽一下自己運用墨刀所制作的動態(tài)效果。
使用墨刀制作下拉菜單動態(tài)效果的方法介紹結束。