4.5 Interaction 交互 - Interaction 交互


Capture touch events on specific layers. Note that layers must be enabled and have an opacity larger than 0 to receive touches.
Detect Double Tap or Long Press with additional patches.
Use the Touch button on a layer to quickly add interactions.
捕获特定层的触摸事件。注意图层必须启用,不透明度大于0且接收触摸。
检测 Double Tap 模块或 Long Press 模块和额外的模块。
使用图层上的 Touch 按钮快速添加交互。

4.5 Interaction 交互 - Interaction 交互_第1张图片

输入口

Layer 图层
The layer to check for touch interactions. When no layer is specified, the touches on the whole screen are registered.
用来接收触摸交互。没有指定图层时,点击整个屏幕触发交互。

Enable 启用
A boolean that is true when touch detection is on. To disable interactions on this layer, disable it.
触摸检测开启时布尔值为真。要禁用图层的交互只需要禁用这就行。

输出口

Down 按下
A boolean that is true when there is a touch on the layer.
触摸按下图层时布尔值为真。

Tap 点击
A pulse that represents the moment a touch has been released from the layer (touch up) as long as the touch is inside of the layer and hasn't moved.
一个脉冲,按下-松开,松开时激活交互,在层内按下且在层内松开。

Position 位置
The position of the touch, relative to the center of the layer's parent group or device
触摸的位置,相对于该层的父组或设备的中心。

Force 力度
A number between 0 and 1 that represents the force of the touch.
0~1之间的数字代表触摸的力度。


Related Patches 相关模块

HoverDouble TapLong PressScrollMouseTouchesTrackpad


Related Learn Content 相关学习内容

Adding Logic
Add logic to your transitions and flows.

Screen Transitions
Create screen flows.

Getting Started
An introduction to using Origami Studio.


Related Examples 案例

Instagram Boomerang
Transition between screens and scrolls in Boomerang.

Instagram Direct Messages
Send an Instagram direct message to a friend, over and over again.

Instagram Notifications
Switch between notifications with animation.

Messenger Photo View
Animate a photo between conversation and lightbox.

Photo Zoom
Animate between two states when the screen is tapped.

Traffic Light
Transition across three or more states and include logic.


你可能感兴趣的:(4.5 Interaction 交互 - Interaction 交互)