NativeScript Facebook Keyframes 插件

{N} 封装了 这个出色的动画库

为什么选择这个插件？

这是一个好问题，因为 NativeScript 已经有 出色的 CSS 动画支持！

确保你也检查一下，但如果你是或你的设计师是 After Effects 的狂热粉丝，想要创建复杂（且美丽）的动画，那么这个插件就是为你准备的。

安装

从命令行进入你的应用根目录并执行

tns plugin add nativescript-keyframes

演示应用

想快速入门？查看 演示！否则，继续阅读。

你可以通过在项目根目录中输入 npm run demo.ios.device 来运行演示应用。

API

当从 XML 使用时，这个插件最有意义，如下所示

<Page xmlns:Keyframes="nativescript-keyframes">
  <Keyframes:KeyframesView
      class="keyframe"
      width="200"
      height="200"
      source="keyframes/logo.json">
  </Keyframes:KeyframesView>
</Page>

要使图像在 Android 上看起来透明，您需要将背景颜色设置为父容器的颜色，因此，在您的 css 文件中添加

.keyframe {
  background-color: #DDD;
}

该 source 属性引用您的应用中的文件夹，在这种情况下，我们期望此文件：app/keyframes/logo.json