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

墨刀含有豐富的模板。它可以通過(guò)相關(guān)的組件達(dá)到動(dòng)態(tài)的效果。大大地為用戶(hù)節(jié)省時(shí)間，避免不必要的重復(fù)工作。那么，墨刀如何做動(dòng)態(tài)效果？下面以下拉菜單的動(dòng)態(tài)效果為例子。

墨刀如何做下拉菜單的動(dòng)態(tài)效果？

1、首先點(diǎn)擊查看“下拉菜單”的素材，會(huì)發(fā)現(xiàn)在墨刀畫(huà)布區(qū)域會(huì)彈出相關(guān)的組件。按住鼠標(biāo)左鍵將組件選中，然后點(diǎn)擊畫(huà)布右側(cè)面板中的“添加組件狀態(tài)”按鈕進(jìn)入下一步的組件狀態(tài)編輯。

2、在墨刀動(dòng)態(tài)效果編輯的主界面畫(huà)布中間會(huì)出現(xiàn)“組件狀態(tài)”的對(duì)話(huà)框，用戶(hù)需要編輯狀態(tài)的名稱(chēng)。狀態(tài)１為“隱藏”，狀態(tài)２為“顯示”。

3、接著，按住鼠標(biāo)左鍵將“隱藏”狀態(tài)的下拉組件選中，并且在墨刀動(dòng)態(tài)編輯界面的畫(huà)布右側(cè)點(diǎn)擊隱藏按鈕，即可將“隱藏”的相關(guān)組件成功隱藏起來(lái)。

4、做到這一步，用墨刀做下拉菜單的動(dòng)態(tài)效果的操作過(guò)程就完成一半了。接著，用戶(hù)還需要將狀態(tài)切換到“顯示”。比如當(dāng)我們把手移動(dòng)到“掃一掃”的組件時(shí)就可以跳轉(zhuǎn)到其對(duì)應(yīng)頁(yè)面。那么該如何做出動(dòng)態(tài)效果？

用戶(hù)先要點(diǎn)擊“掃一掃”將其選中，然后再按住鼠標(biāo)左鍵將其鏈接到墨刀動(dòng)態(tài)主界面的左側(cè)畫(huà)布的素材“掃一掃”，如下圖。

5、回到“組件狀態(tài)”，將“隱藏”的下拉菜單組件添加交互動(dòng)態(tài)事件，點(diǎn)擊組件右上角的“＋”按鈕鏈接到“顯示”狀態(tài)。

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

６、最后，用戶(hù)需要把動(dòng)態(tài)組件移動(dòng)到畫(huà)板上，這樣就完成了墨刀動(dòng)態(tài)效果的制作。可以點(diǎn)擊墨刀主界面右上方的“運(yùn)行”按鈕，預(yù)覽一下自己運(yùn)用墨刀所制作的動(dòng)態(tài)效果。

使用墨刀制作下拉菜單動(dòng)態(tài)效果的方法介紹結(jié)束，你學(xué)會(huì)了嗎？想了解更多精彩教程資訊，請(qǐng)關(guān)注vevb.com。