coffeescript - 如何在 Framer.js 中点击动画子层？

Question

我正在尝试在单击时为 Framer.js 中的子层设置动画。我得到的是“未捕获的 TypeError：layerD.on 不是函数”。

我做错了什么或者在 Framer 中无法为子图层设置动画？

这是代码：

# Create a background
new BackgroundLayer backgroundColor: "#28affa"

# Create layers
layerC = new Layer
backgroundColor: "#fff"
width: 300
height: 100

layerD = new Layer
backgroundColor: "#2889fa"
width: 150
height: 100

layerD.superLayer = layerC

# Position layers
layerC.center()
layerD = layerC.minX

# Click Event
layerD.on Events.Click, ->
  layerD.animate
    properties:
      x: this.x + 50
    curve: "ease"
    time: 1

Answer 1

当您定位图层时，您为 layerD 变量分配了一个数字。您可能想设置 layerD 的 minX 而不是将 layerC 的 minX 值分配给 layerD。

固定示例