界面動畫的常見方式

在小程序中，通?？梢允褂?CSS 漸變 和 CSS 動畫 來創(chuàng)建簡易的界面動畫。 同時，還可以使用 qq.createAnimation 接口來動態(tài)創(chuàng)建簡易的動畫效果。 動畫過程中，可以使用 bindtransitionend bindanimationstart bindanimationiteration bindanimationend 來監(jiān)聽動畫事件。 事件名 含義 transitionend CSS 漸變結(jié)束或 qq.createAnimation 結(jié)束一個階段 animationstart CSS 動畫開始 animationiteration CSS 動畫結(jié)束一個階段 animationend CSS 動畫結(jié)束 注意：這幾個事件都不是冒泡事件，需要綁定在真正發(fā)生了動畫的節(jié)點上才會生效。

高級的動畫方式

在一些復(fù)雜場景下，上述的動畫方法可能并不適用。 QS 響應(yīng)事件 的方式可以通過使用 QS 來響應(yīng)事件的方法來動態(tài)調(diào)整節(jié)點的 style 屬性。通過不斷改變 style 屬性的值可以做到動畫效果。同時，這種方式也可以根據(jù)用戶的觸摸事件來動態(tài)地生成動畫。 使用連續(xù)使用 setData 來改變界面的方法也可以達(dá)到動畫的效果。這樣可以任意地改變界面，但通常會產(chǎn)生較大的延遲或卡頓，甚至導(dǎo)致小程序僵死。此時可以通過將頁面的 setData 改為 自定義組件 中的 setData 來提升性能。下面的例子是使用 setData 來實現(xiàn)秒表動畫的示例。