npm i --save nativescript-liquid-loader
- 版本:1.0.0
- GitHub: https://github.com/bradmartin/nativescript-liquid-loader
- NPM: https://npmjs.net.cn/package/nativescript-liquid-loader
- 下载次数
- 昨天: 0
- 上周: 0
- 上个月: 18
NativeScript-Liquid-Loader
NativeScript 插件,用于实现流畅的液体加载动画。
仅支持 Android - API 18+
重要
要使用此插件,您需要修改位于 App_Resources/Android
的 AndroidManifest.xml 文件。您需要在 <manifest>
标签顶部添加 tools 命名空间,xmlns:tools="http://schemas.android.com/tools"
。
您还需要将 tools:overrideLibrary="com.gospelware.liquidbutton"
添加到 <uses-sdk>
标签中。
有关更多信息,请参阅示例应用程序中的 AndroidManifest.xml 文件。
示例
本地库
安装
从您的命令提示符/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() - 当动画完成时执行的事件。