返回博客首页
← 所有文章

NativeScript动画:情人节特别篇

2016年2月9日 — 作者:Dan Wilson

情人节即将来临。昨天我们收到了一条消息,提醒了我们这一点

是的,Sean,是的,我们愿意。(是不是很可爱?)

如你所知,情人节的象征是心形。为了营造节日气氛,我们想重点介绍一下Brad Martin最近完成的一些动画工作,这些工作将动画添加到 NativeScript 应用程序中。有 2 个动画包可用于向您的 NativeScript 应用程序添加心形动画。

我们认为这些动画突出了使用原生移动应用程序的主要原因之一:与其使用外观类似原生控件的 DOM 元素,不如充分利用移动平台的强大功能来提供最佳体验。此外,您可以利用移动设备上强大的 GPU,实现更具性能和流畅性的 UI。

twitterBang

NativeScript-TwitterBang

网址: https://github.com/bradmartin/nativescript-twitterbang
完整示例: https://github.com/bradmartin/nativescript-twitterbang/raw/master/twitterBang.gif

NativeScript-TwitterBang 是一个适用于 Android 的 NativeScript 插件,可以轻松添加爆炸心形的原生 Twitter 动画。该库使用 SmallBang (由 hanks-zyh 开发)实现原生动画。

请注意 GitHub 页面上的使用部分。看看将其添加到 NativeScript View 中有多么容易?

 

periscopeHeartsNPM:nativescript-periscopehearts

网址: https://npmjs.net.cn/package/nativescript-periscopehearts
完整示例: https://raw.githubusercontent.com/bradmartin/nativescript-periscopehearts/master/periscopeHearts.gif

一个 NPM 插件,用于实现 Periscope 的心形动画(目前仅限 Android)。该插件使用 GitHub 用户 tyrantgit 开发的 HeartLayout

请注意使用部分,其中提供了有关如何自定义心形颜色以及将心形创建方法附加到点击事件的示例。

情人节快乐!