Dart Element.animate用法及代碼示例

dart:html 庫中Element.animate 方法的用法介紹如下。

用法:

@SupportedBrowser(SupportedBrowser.CHROME, '36')   

Animation animate(
   Iterable<Map<String, dynamic>> frames,    
   [dynamic timing]   
)
      @SupportedBrowser(SupportedBrowser.CHROME, '36')

創建一個新的AnimationEffect對象，其目標元素是調用該方法的對象，並調用該元素的節點文檔的文檔時間軸的AnimationTimeline對象的play()方法，傳遞新創建的AnimationEffect 作為方法的參數。返回效果的動畫。

例子

var animation = elem.animate([{"opacity": 75}, {"opacity": 0}], 200);

var animation = elem.animate([
  {"transform": "translate(100px, -100%)"},
  {"transform" : "translate(400px, 500px)"}
], 1500);

frames參數是一個 Iterable，其中Map條目指定 CSS 動畫效果。 timing 參數可以是雙精度數，表示轉換的毫秒數，也可以是字段對應於 timing 對象的字段的 Map。

相關用法

注：本文由純淨天空篩選整理自dart.dev大神的英文原創作品 animate method。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。