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)動起來银受。