05-Framer基礎(chǔ)-Events事件

Dosen原創(chuàng)

開始學(xué)習(xí)Framerjs卦方,邊學(xué)邊翻譯纪吮,也加了一些我學(xué)習(xí)過程中的理解。寫下來留作以后查閱要糊,看官如果發(fā)現(xiàn)有地方寫的不對請指出。轉(zhuǎn)載請聯(lián)系作者。


Events????? 事件

Events are things that can happen to a layer, mostly triggered by user interaction. With events, you can animate layers based on these interactions. Framer contains many events: click events, touch events, scroll events, drag events and more.

事件是一個層可以發(fā)生的事情锄俄,大多數(shù)時候被用戶交互所觸發(fā)局劲。使用事件,你可以基于這些交互給層創(chuàng)建動畫奶赠。Framer有很多事件:點擊事件鱼填,觸摸事件,滾動事件毅戈,拖動事件苹丸,等


One of the most common use cases of events is toggling between a set of states on tap (which is click or touch).

最常見的事件使用案例是,監(jiān)聽點擊或觸摸切換不同的狀態(tài)苇经。




Example: Animation Chaining? ? ? 例子:聯(lián)動動畫

Events can also be used to chain animations. With these events, you can start a new animation after another one ends by listening for the AnimationEnd event.

事件可以被用在聯(lián)動動畫赘理。你可以監(jiān)聽動畫的結(jié)束事件,并結(jié)束后開始另一個新的動畫扇单。


Below is a simple example of a chained animation. Every animation gets an AnimationEnd event, so they can be chained infinitely.

下面是一個簡單的聯(lián)動動畫例子商模。這個動畫有一個動畫監(jiān)聽事件,所以可以無限聯(lián)動下去蜘澜。

這段原話翻譯的不太好施流,從代碼看就是一個右移的層動畫,給它添加了動畫結(jié)束事件鄙信,在右移的動畫結(jié)束后觸發(fā)事件瞪醋,再左移,再右移装诡,再左移.........循環(huán)



Summary????? 概要

Events are things that can happen to a layer

事件是層發(fā)生的事情

Events are often used to toggle states

事件經(jīng)常用于切換狀態(tài)

Animations can be chained with the AnimationEnd event

動畫結(jié)束事件可以使動畫聯(lián)動起來银受。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市慎王,隨后出現(xiàn)的幾起案子蚓土,更是在濱河造成了極大的恐慌,老刑警劉巖赖淤,帶你破解...
    沈念sama閱讀 211,042評論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件蜀漆,死亡現(xiàn)場離奇詭異,居然都是意外死亡咱旱,警方通過查閱死者的電腦和手機确丢,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 89,996評論 2 384
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來吐限,“玉大人鲜侥,你說我怎么就攤上這事≈畹洌” “怎么了描函?”我有些...
    開封第一講書人閱讀 156,674評論 0 345
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經(jīng)常有香客問我舀寓,道長胆数,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,340評論 1 283
  • 正文 為了忘掉前任互墓,我火速辦了婚禮必尼,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘篡撵。我一直安慰自己判莉,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 65,404評論 5 384
  • 文/花漫 我一把揭開白布育谬。 她就那樣靜靜地躺著券盅,像睡著了一般。 火紅的嫁衣襯著肌膚如雪斑司。 梳的紋絲不亂的頭發(fā)上渗饮,一...
    開封第一講書人閱讀 49,749評論 1 289
  • 那天,我揣著相機與錄音宿刮,去河邊找鬼互站。 笑死,一個胖子當(dāng)著我的面吹牛僵缺,可吹牛的內(nèi)容都是我干的胡桃。 我是一名探鬼主播,決...
    沈念sama閱讀 38,902評論 3 405
  • 文/蒼蘭香墨 我猛地睜開眼磕潮,長吁一口氣:“原來是場噩夢啊……” “哼翠胰!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起自脯,我...
    開封第一講書人閱讀 37,662評論 0 266
  • 序言:老撾萬榮一對情侶失蹤之景,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后膏潮,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體锻狗,經(jīng)...
    沈念sama閱讀 44,110評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,451評論 2 325
  • 正文 我和宋清朗相戀三年焕参,在試婚紗的時候發(fā)現(xiàn)自己被綠了轻纪。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,577評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡叠纷,死狀恐怖刻帚,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情涩嚣,我是刑警寧澤崇众,帶...
    沈念sama閱讀 34,258評論 4 328
  • 正文 年R本政府宣布掂僵,位于F島的核電站,受9級特大地震影響校摩,放射性物質(zhì)發(fā)生泄漏看峻。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 39,848評論 3 312
  • 文/蒙蒙 一衙吩、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧溪窒,春花似錦坤塞、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,726評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至宛瞄,卻和暖如春浮禾,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背份汗。 一陣腳步聲響...
    開封第一講書人閱讀 31,952評論 1 264
  • 我被黑心中介騙來泰國打工盈电, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人杯活。 一個月前我還...
    沈念sama閱讀 46,271評論 2 360
  • 正文 我出身青樓匆帚,卻偏偏與公主長得像,于是被迫代替她去往敵國和親旁钧。 傳聞我的和親對象是個殘疾皇子吸重,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 43,452評論 2 348

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

  • 我參加藍(lán)豆的寫作訓(xùn)練營已經(jīng)三期,四個月了歪今,絕對是開國三朝元老級人物了嚎幸,被同群的小朋友們叫一聲前輩,我好像也就欣然接...
    討討閱讀 405評論 5 6
  • 那些不曾得到的寄猩,那些曾經(jīng)失去的嫉晶,都不屬于你。不必為此困于心焦影,困于行车遂。 或許,你是茫茫人海中的一粒塵埃斯辰。再或許舶担,你是...
    顧未涼閱讀 181評論 0 1
  • 山丘與沙漠 一早出發(fā),瑪勒戈壁樂團開始獻(xiàn)唱彬呻。把疲憊與疼痛壓在心中衣陶,把快樂與安慰帶給他人柄瑰,這就是樂團的宗旨,...
    美好羊中荷葉lucy閱讀 833評論 3 11
  • php是一門強大的語言剪况,在這里我就不多做介紹了教沾,其實關(guān)于在php源碼中加入擴展庫并且實現(xiàn)靜態(tài)編譯的方法在 php...
    vancent閱讀 1,181評論 0 4