# ohos-Spinkit

**Repository Path**: HarmonyOS-tpc/ohos-Spinkit

## Basic Information

- **Project Name**: ohos-Spinkit
- **Description**: openharmony 加载动画(SpinKitohos)
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 9
- **Forks**: 3
- **Created**: 2021-04-01
- **Last Updated**: 2025-05-08

## Categories & Tags

**Categories**: harmonyos-animate

**Tags**: None

## README


# ohos-SpinKit
 
> openharmony 加载动画([SpinKit](https://tobiasahlin.com/spinkit)ohos)


## 效果

<img src="art/screen.gif" width="240px" height="240px"/>
 

<img src="art/screen2.gif" width="200px" height="200px"/>

## Gradle 依赖


 ``` groovy
dependencies {
    implementation 'io.openharmony.tpc.thirdlib:ohos-SpinKit:1.0.3'
 }
 ```


## 使用
- ProgressBar

 ```java
        DoubleBounce doubleBounce = new DoubleBounce();
        doubleBounce.setPaintColor(0XFF1AAF5D);
        doubleBounce.onBoundsChange(0, 0, progressBar.getWidth(), progressBar.getHeight());
        doubleBounce.setComponent(progressBar);
        progressBar.setProgressElement(doubleBounce);
        progressBar.setIndeterminate(true);
        progressBar.addDrawTask((component, canvas) -> doubleBounce.drawToCanvas(canvas));
```

###样式:

样式 | 预览
------------     |   -------------
RotatingPlane    | <img src='art/RotatingPlane.gif' alt='RotatingPlane' width="90px" height="90px"/>
DoubleBounce     | <img src='art/DoubleBounce.gif' alt='DoubleBounce' width="90px" height="90px"/>
Wave             | <img src='art/Wave.gif' alt='Wave' width="90px" height="90px"/>
WanderingCubes   | <img src='art/WanderingCubes.gif' alt='WanderingCubes' width="90px" height="90px"/>
Pulse            | <img src='art/Pulse.gif' alt='Pulse' width="90px" height="90px"/>
ChasingDots      | <img src='art/ChasingDots.gif' alt='ChasingDots' width="90px" height="90px"/>
ThreeBounce      | <img src='art/ThreeBounce.gif' alt='ThreeBounce' width="90px" height="90px"/>
Circle           | <img src='art/Circle.gif' alt='Circle' width="90px" height="90px"/>
CubeGrid         | <img src='art/CubeGrid.gif' alt='CubeGrid' width="90px" height="90px"/>
FadingCircle     | <img src='art/FadingCircle.gif' alt='FadingCircle' width="90px" height="90px"/>

RotatingCircle   | <img src='art/RotatingCircle.gif' alt='RotatingCircle' width="90px" height="90px"/>








##感谢
- [SpinKit](https://github.com/tobiasahlin/SpinKit).