nativeScript-liquid-loader
by bradmartin | v1.0.0
NativeScript 插件,用于实现流畅的液体加载动画。
npm i --save nativescript-liquid-loader

npm npm

NativeScript-Liquid-Loader

NativeScript 插件,用于实现流畅的液体加载动画。

仅支持 Android - API 18+

重要

要使用此插件,您需要修改位于 App_Resources/AndroidAndroidManifest.xml 文件。您需要在 <manifest> 标签顶部添加 tools 命名空间,xmlns:tools="http://schemas.android.com/tools"

您还需要将 tools:overrideLibrary="com.gospelware.liquidbutton" 添加到 <uses-sdk> 标签中。

有关更多信息,请参阅示例应用程序中的 AndroidManifest.xml 文件。

示例

Demo

本地库

液体按钮

安装

从您的命令提示符/termial 转到您的应用程序根目录,并执行以下命令:

tns plugin add nativescript-liquid-loader

使用方法

XML

<Page 
xmlns="http://schemas.nativescript.org/tns.xsd"
xmlns:LiquidLoader="nativescript-liquid-loader"
loaded="pageLoaded">
<ActionBar title="Liquid Loader" />
<StackLayout>

<LiquidLoader:LiquidLoader id="liquidLoader" height="400" pourFinish="{{ pourFinished }}" />

<Button text="Start Animation" tap="{{ startThePour }}" />

</StackLayout>
</Page>

API

  • startPour() - 开始动画。
  • pourFinish() - 当动画完成时执行的事件。