#安装 tns plugin add nativescript-awesome-loaders

#使用

import {AwesomeLoaders} from 'nativescript-awesome-loaders';
let al = new AwesomeLoaders();

设置宽度

al.width = 60

设置高度

al.height = 60

设置指示器

al.indicator = "Pacman"

设置指示器颜色

al.indicatorColor= "#FFEB3B"

TypeScript

import {AwesomeLoaders} from 'nativescript-awesome-loaders';

 let li = new AwesomeLoaders();
    al.width = 60;
    al.height = 60;
    al.indicator = "SemiCircleSpin";
    al.indicatorColor= "black";

JavaScript

var AwesomeLoaders = require('nativescript-awesome-loaders').AwesomeLoaders;
 let li = new AwesomeLoaders();
    al.width = 60;
    al.height = 60;
    al.indicator = "SemiCircleSpin";
    al.indicatorColor= "black";

###Xml 标记设置

重要：确保在 Page 元素中包含 xmlns:al="nativescript-awesome-loaders"

例如：<al:AwesomeLoaders width="60" height="60" indicator="Pacman" indicatorColor="#FFEB3B" />

##截图

##指示器

如截图所示，指示器如下

第1行

• BallPulse
• BallGridPulse
• BallClipRotate
• BallClipRotatePulse

第2行

• SquareSpin
• BallClipRotateMultiple
• BallPulseRise
• BallRotate

第3行

• CubeTransition
• BallZigZag
• BallZigZagDeflect
• BallTrianglePath

第4行

• BallScale
• LineScale
• LineScaleParty
• BallScaleMultiple

第5行

• BallPulseSync
• BallBeat
• LineScalePulseOut
• LineScalePulseOutRapid

第6行

• BallScaleRipple
• BallScaleRippleMultiple
• BallSpinFadeLoader
• LineSpinFadeLoader

第7行

• TriangleSkewSpin
• Pacman
• BallGridBeat
• SemiCircleSpin