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
捏合 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