NativeScript-Hold-To-Load

Nativescript 插件，用于实现（按住）背景动画。

仅限 Android

示例

原生库

HoldToLoadLayout

安装

从您的命令提示符/终端转到您的应用程序根目录并执行

npm install nativescript-hold-to-load

使用方法

XML

<Page 
  xmlns="http://schemas.nativescript.org/tns.xsd" 
  xmlns:HL="nativescript-hold-to-load" loaded="pageLoaded">
  <ActionBar title="Hold to Load" />
  <StackLayout>
    
    <HL:HoldToLoadLayout duration="1000" startColor="#3489db" strokeWidth="50" stopWhenFilled="true" holdComplete="{{ completed }}" holdReset="{{ reset }}">
        <Label text="Press and Hold" class="message" textWrap="true"/>
    </HL:HoldToLoadLayout>


    <HL:HoldToLoadLayout startColor="#ff4081" endColor="#336699" strokeWidth="120" strokeAlpha="225" holdComplete="{{ completed }}" holdReset="{{ reset }}" angleChange="{{ angleChange }}">
        <Image src="~/images/bart.png" class="circle-image" stretch="aspectFit" />
    </HL:HoldToLoadLayout>

  </StackLayout>
</Page>

属性

startColor - (颜色字符串) - 必需

设置起始颜色的属性。

endColor - (颜色字符串) - 可选

设置渐变的结束颜色，如未指定，则使用 startColor。

duration - (数字) - 可选

设置填充时间的持续时间（毫秒）。默认为 1500。

strokeWidth - (数字) - 可选

设置笔触宽度。默认为 0。

strokeAlpha - (数字) - 可选

设置绘画的 alpha 值。**值范围在 0 & 255 之间。**默认 alpha 值为 255。

playReverseAnimation - (布尔值) - 可选