03-Origami中文幫助-Basic-Interactions

Dosen原創(chuàng)

這是我學(xué)習(xí)quartz composer疼鸟,Origami空镜,看官方文檔翻譯下來的捌朴,每天一篇,有不準(zhǔn)確的地方希望能指出洼怔,一起交流進(jìn)步茴厉。轉(zhuǎn)載請與我聯(lián)系什荣,擅自轉(zhuǎn)載視作侵權(quán)。


Interactions ? ? ?交互


Interaction patches give you information about user interactions like touches, clicks, swipes, and key presses in the viewer.

交互模塊給你用戶在查看器中的交互信息嗜闻,像觸摸桅锄,點(diǎn)擊,滑動翠肘,按鍵辫秧。



1. Interaction patches ? ? ?交互模塊


Interaction 2 →?“?I ” ? ? ? 交互2

This is the bread and butter of interaction in Origami. It can tell you when a user touches down, touches up, taps (a touch down and up in quick succession), and drags (a touch down that moves). It works well with Layer Groups.

Interaction 2在Origami的交互中很重要。它可以告訴你用戶什么時(shí)候按下甥桂,抬起邮旷,輕擊(落下接著快速抬起),拖動(落下移動)办陷。它和Layer Groups配合效果很好狡孔。

Scroll →? ? ? ? 滾動

Lets you scroll a Layer (center-anchored) with momentum and rubberbanding. All it needs to know is the size of the Image you are scrolling, and the type of scrolling you want (Free, Paging, or Wheel of Fortune). Also, see Desktop Scroll →

Scroll讓你有彈力有慣性的滾動一個(gè)層(錨點(diǎn)在中心)苗膝。它需要知道你滾動的圖片的尺寸和你想要滾動的方式(自由,翻頁离唐,或者轉(zhuǎn)盤式)问窃。

Swipe →? ? ? ? 滑動

This helps you quickly prototype swiping a layer between two positions. Some examples of UIs you can build with this: swiping down to close a dialog, pull-to-refresh, swiping up to reveal a list of options (like 3D Touch Peek and Pop), swiping right to go back, and swiping horizontally to switch between a camera's photo and video modes.

Swipe可以幫助你快速原型展示在兩個(gè)位置間滑動圖層。一些UI的例子你可以用它來創(chuàng)建:向下滑動關(guān)閉一個(gè)對話嵌戈,下拉刷新听皿,向上滑動顯示菜單,向右滑動返回庵朝,水平滑動切換攝像頭的照片和錄像模式又厉。

Keyboard →?“?K ” ? ? ? 鍵盤

Lets you know when a specific key on your Mac's keyboard is pressed in the viewer. For mobile prototypes, this lets you set up hot keys that configure your prototype into specific states for easy demoing. Assign it to a key using the settings inspector, or by hovering over the patch and pressing a key on your keyboard.

Keyboard能讓你在查看器中知道覆致,在你mac的鍵盤上的一個(gè)特定的按鍵被按下。對于手機(jī)原型來說儡羔,這可以讓你設(shè)置快捷鍵,方便展示原型中特殊的狀態(tài)笔链。使用設(shè)置檢查器給它指定一個(gè)按鍵鉴扫,或者懸停在模塊上并在鍵盤上按下一個(gè)鍵澈缺。



2. Interaction ports ? ? ?交互接口


One thing you'll notice with some interaction patches (Interaction 2, Scroll, Swipe) is they have an extra unlabeled port at the top right. That allows you to specify a specific layer to get interactions from, rather than anywhere on screen. Just connect it to the interaction port at the top left of a Layer.

你會注意到一些交互模塊(Interaction 2姐赡,Scroll,Swipe)项滑,它們在右上方有一些額外的沒有標(biāo)簽的接口枪狂。那個(gè)地方允許你指定一個(gè)特殊的層去獲取交互在哪,而不是屏幕上的任何地方辜限,只需要連接它到一個(gè)層的左上角的交互接口上严蓖。



3. Layer order and grouping affects touch detection ? ? ?層的順序和組影響觸摸監(jiān)測


Once you've tied an interaction to a Layer, you will only get interactions if that Layer is the front-most layer at that position. Change layer order with the dropdown in the top-right of a Layer patch, or select the layer and hit “ ? [ ” or “ ? ] ” .

給一個(gè)層綁定一個(gè)交互,只有這個(gè)層是最頂層的情況下毫深,才可以交互杭措。下拉層模塊右上角可以改變層順序,或者選擇層并按“ ? [ ” or “ ? ] ”手素。

第一句沒按原文翻譯,大概意思應(yīng)該差不多稿黍。

Likewise, if you have Layers inside a Layer Group, you will only get interactions for the front-most Layer you are touching. To get interactions on an entire Layer Group itself, simply add Interaction 2 patches to each Layer within, and toggle their Enable ports off. This tells Origami that you don't want those layers to be interactive.

同樣的巡球,如果你在一個(gè)層組里還有一些層,你將只能獲取到你觸摸到的最頂層的交互酣栈。想獲得整個(gè)層組的交互,給各個(gè)層添加Interaction 2模塊矿筝,并將它們的Enable接口關(guān)閉。這樣就告訴了Origami你不想那些層被交互榆综。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末铸史,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子判沟,更是在濱河造成了極大的恐慌利赋,老刑警劉巖,帶你破解...
    沈念sama閱讀 222,104評論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件中燥,死亡現(xiàn)場離奇詭異塘偎,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)咱扣,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,816評論 3 399
  • 文/潘曉璐 我一進(jìn)店門闹伪,熙熙樓的掌柜王于貴愁眉苦臉地迎上來壮池,“玉大人,你說我怎么就攤上這事椰憋。” “怎么了证舟?”我有些...
    開封第一講書人閱讀 168,697評論 0 360
  • 文/不壞的土叔 我叫張陵,是天一觀的道長漆枚。 經(jīng)常有香客問我抵知,道長,這世上最難降的妖魔是什么辛藻? 我笑而不...
    開封第一講書人閱讀 59,836評論 1 298
  • 正文 為了忘掉前任吱肌,我火速辦了婚禮氮墨,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘规揪。我一直安慰自己温峭,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 68,851評論 6 397
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著揖庄,像睡著了一般。 火紅的嫁衣襯著肌膚如雪疙筹。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 52,441評論 1 310
  • 那天而咆,我揣著相機(jī)與錄音翘盖,去河邊找鬼凹蜂。 笑死馍驯,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的狂打。 我是一名探鬼主播混弥,決...
    沈念sama閱讀 40,992評論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼蝗拿!你這毒婦竟也來了晾捏?” 一聲冷哼從身側(cè)響起惦辛,我...
    開封第一講書人閱讀 39,899評論 0 276
  • 序言:老撾萬榮一對情侶失蹤仓手,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后呀伙,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體剿另,經(jīng)...
    沈念sama閱讀 46,457評論 1 318
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡贬蛙,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,529評論 3 341
  • 正文 我和宋清朗相戀三年速客,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片岔擂。...
    茶點(diǎn)故事閱讀 40,664評論 1 352
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡浪耘,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出痛倚,到底是詐尸還是另有隱情澜躺,我是刑警寧澤抒蚜,帶...
    沈念sama閱讀 36,346評論 5 350
  • 正文 年R本政府宣布嗡髓,位于F島的核電站收津,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏长捧。R本人自食惡果不足惜吻贿,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 42,025評論 3 334
  • 文/蒙蒙 一廓八、第九天 我趴在偏房一處隱蔽的房頂上張望赵抢。 院中可真熱鬧,春花似錦宠叼、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,511評論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽摇幻。三九已至横侦,卻和暖如春枉侧,著一層夾襖步出監(jiān)牢的瞬間狂芋,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,611評論 1 272
  • 我被黑心中介騙來泰國打工翼虫, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人蛙讥。 一個(gè)月前我還...
    沈念sama閱讀 49,081評論 3 377
  • 正文 我出身青樓次慢,卻偏偏與公主長得像,于是被迫代替她去往敵國和親迫像。 傳聞我的和親對象是個(gè)殘疾皇子闻妓,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,675評論 2 359

推薦閱讀更多精彩內(nèi)容

  • 我講不好之前注祖,先讓意林給你講: 有一個(gè)名叫韋格的奧地利女孩 均唉,天生麗質(zhì) ,聰慧可人 罩缴。她在 一所大學(xué)專修油畫 层扶,她...
    蝸牛小姐ms閱讀 372評論 0 0