如何在 Framer.js 中点击动画子层？答案

【问题标题】：How to animate a sublayer on click in Framer.js?如何在 Framer.js 中点击动画子层？
【发布时间】：2015-10-13 10:47:50
【问题描述】：

我正在尝试在单击时为 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

【问题讨论】：

标签： coffeescript framerjs

【解决方案1】：

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

Fixed Example

【讨论】：