捏合Pinchable丨Framer 文档 Code

Code

Pinchable 图层可以用两根手指控制旋转和缩放，这种多点触控一般用在地图和相片APP，用来缩放或给内容导航。

在 Mac Framer，您可以按住alt键同时移动光标以显示第二个光标，用来模拟多点触控。和拖动图层一样，设置pinchable.enabled状态为ture启动捏手势。

layerA.pinchable.enabled = true

Pinchable图层控制缩放和旋转属性，默认这两个属性都是启动的。通过禁用缩放，可以只使用旋转属性，反之亦然。

# 禁用缩放 
layerA.pinchable.scale = false
 
# 禁用旋转 
layerA.pinchable.rotate = false

捏事件 Pinch Events

三个基本事件：onPinch，onPinchStart，onPinchEnd。捏合调整图层的实际缩放和角度属性，捏完了之后可以将属性动画设置为回到默认值。

# 启用捏合 
layerA.pinchable.enabled = true
 
# 回到原来位置的动画 
layerA.onPinchEnd ->
    layerA.animate
        scale: 1
        rotation: 0
        options:
            curve: Spring(damping: 0.5)
            time: 0.5

pinchable

捏合 Panning

如果给图层同时启用了拖动和捏合，那图层捏合的时候也可以移动。捏合和拖动一样，是一个多点触控手势，您可以使用onPan 事件检测到一个平移。

# 图层layerA启用捏合和拖动 
layerA.draggable.enabled = true
layerA.pinchable.enabled = true
 
# 回到原来位置的动画
layerA.onDragEnd ->
    layerA.animate
        scale: 1
        rotation: 0
        options:
            curve: Spring(damping: 0.5)
            time: 0.5

panning