我如何在dynamicjs中創建一個下拉菜單

Question

我正在嘗試使用Kineticjs創建圖編輯器。

目前，我想像選擇框一樣使用滾動條創建一個下拉菜單。 但是，我不確定如何在Kineticjs中做到這一點。 有人可以針對Kineticjs中下拉菜單的實現邏輯提供一些建議嗎？

我要創建的示例

提前非常感謝您。

最誠摯的問候，丹迪·靈

Answer 1

您可以只使用“ Layer和“ Group集合在邏輯上創建“下拉框”。

添加“ mouseover / mouseout”事件，您可以僅顯示/隱藏圖層中的組。

然后，要使其真正好用，可以使用Tween / Animation類為每個選項的x / y位置設置動畫。

然后，您只需要將“ click / touchdown”事件關聯到調用您的核心邏輯的方法即可。