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。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。