Interaction patches output information about user interactions (touches, swipes, key presses) in the viewer. Add interactions by hovering on a layer and pressing the Touch button, or by searching in the Patch Library.
交互模塊輸出交互信息 (touches 觸摸,swipes 滑動, key presses按鍵) ,在查看器中可體驗交互。通過點擊圖層右上角的Touch 按鈕添加交互,或從Patch 庫 Cmd
Center
中添加。
Interaction patches 交互模塊
[Interaction]
I
This is the bread and butter of interaction in Origami. It can tell you when a user touches down or taps on a particular layer. It also provides the position of the touch within its parent group, and the amount of force applied when using a laptop, phone, or tablet that supports 3D Touch.[Interaction 交互]
I
交互在 Origami 中就像表情包對于聊天一樣重要,它可以告訴你當按下或輕點的時候操作的那一個層。還提供了父級內的操作位置(這句不咋明白)。使用筆記本電腦、手機或平板電腦時支持3D觸摸,能識別按壓力度。[Scroll] This is another common interaction in Origami. It lets you scroll a layer vertically or horizontally, with customizable physics. It can be set to Paging mode, which is useful for prototyping carousels.
[Scroll 滾動]
I
Origami 中另外一個常見的交互。可以圖層隨著自定義的物理狀態縱向或者橫向滾動。翻頁模式的交互也通過這個模塊實現,原型中需要幻燈片效果就這個就好使。(這句不確定)[Pop Switch] This helps you quickly prototype a two-state, swipeable interaction (ex: swiping a card left and right). It also supports two-finger pinching in addition to swipes.
[Pop Switch 開關] 這個幫助你快速創建只有兩個狀態的原型,滑動卡片的交互(如:向左或右滑動卡片)。還支持兩只手指滑動。
[Long Press] and [Double Tap] Captures long presses and double taps when connected to an Interaction patch.
[Long Press 長按] and [Double Tap 雙擊] 當連接到 Interaction 交互 Patch 時捕捉Long Press 長按 和 Double Tap 雙擊。
[Drag] Make any layer draggable.
[Drag 拖] 拖拽任意圖層。
[Keyboard]
K
This shows whenever a key is pressed in the viewer.[Keyboard 鍵盤]
K
這個會在顯示器中按鍵時顯示(板栗:也不知道具體指啥)。[Hover] Allows you to capture hover interaction with a mouse.
[Hover懸停] 創建鼠標懸停交互。
Notes on touch detection 關于觸摸操作的注意事項
Layers need to be enabled and have opacity larger than 0 to receive touches. Touches in Layer Groups are propagated and shared with the parent groups, allowing you to build scrolling layer groups with tappable layers inside.
操作的圖層需要啟用 (板栗:Enable 勾選) ,并且不透明度大于0 (板栗:Opacity 值大于0) 才能接收觸摸事件。 觸摸在圖層組內被繼承與父組共享,允許在組內構建滾動圖層組。
Summary 總結
- Interaction patches pass information about user interactions.
- Interactions for a particular layer can be captured by using the Touch menu.
- There are multiple types of interaction patches for capturing different types of interactions.
- Interaction 模塊傳遞用戶的交互信息。
- 特定層的可以通過觸摸菜單創建。
- 有多種類型的交互模塊可以創建不同類型的交互動作。