为什么LayerA和LayerB在Framerjs中拖拽结束时不做动画,附代码:
我创建layerA
,layerB
然后layerC
我拖动LayerC
。
在Event DragMove
中,我用 ' 的偏移量更改LayerA
和LayerB
的道具LayerC
,我一直想在它的时候做一个动画EndDrag
,但它不起作用。
有人知道为什么吗?
# Create layer
layerA = new Layer
x: 50
y: 200
scale: 0.8
width: 550
height: 600
opacity: 0.6
borderRadius: 8
backgroundColor: "#ffffff"
layerB = new Layer
x: 50
y: 250
scale: 0.9
opacity: 0.8
width: 550
height: 600
borderRadius: 8
backgroundColor: "#ffffff"
layerC = new Layer
x: 50
y: 300
scale: 1
width: 550
height: 600
borderRadius: 8
backgroundColor: "#ffffff"
layerC.draggable.enabled = true
layerC.draggable.horizontal = false
layerC.draggable.constraints =
x: 50
y: 300
width: 550
height: 600
layerC.on Events.DragMove, ->
print layerC.draggable.constraintsOffset
layerA.opacity = 0.6 + 0.2 * layerC.draggable.constraintsOffset.y / 360
layerA.scale = 0.8 + 0.1 * layerC.draggable.constraintsOffset.y / 360
layerA.y = 200 + 50 * layerC.draggable.constraintsOffset.y / 360
layerB.opacity = 0.8 + 0.2 * layerC.draggable.constraintsOffset.y / 360
layerB.scale = 0.9 + 0.1 * layerC.draggable.constraintsOffset.y / 360
layerB.y = 250 + 50 * layerC.draggable.constraintsOffset.y / 360
layerC.on Events.DragEnd, ->
print layerC.draggable.constraintsOffset
if layerC.draggable.constraintsOffset.y < 360
layerC.animate
properties:
opacity: 1
scale: 1
y: 300
curve: "ease"
time: 0.4
layerA.animate
properties:
opacity: 0.6
scale: 0.8
y: 200
curve: "ease"
time: 0.4
layerB.animate
properties:
opacity: 0.8
scale: 0.9
y: 250
curve: "ease"
time: 0.4
我是成帧器的新手,请帮忙