https://github.com/jenly1314/waveview
:surfer: WaveView 一个水波纹动画控件视图，支持波纹数，波纹振幅，波纹颜色，渐变色，波纹速度，波纹方向等属性完全可配。
https://github.com/jenly1314/waveview
android bezier ripple sin sine sinewave wave waveview
Last synced: about 1 month ago
JSON representation
:surfer: WaveView 一个水波纹动画控件视图，支持波纹数，波纹振幅，波纹颜色，渐变色，波纹速度，波纹方向等属性完全可配。
- Host: GitHub
- URL: https://github.com/jenly1314/waveview
- Owner: jenly1314
- License: mit
- Created: 2019-02-23T09:02:41.000Z (about 6 years ago)
- Default Branch: master
- Last Pushed: 2024-01-27T09:43:08.000Z (over 1 year ago)
- Last Synced: 2025-03-24T16:11:21.061Z (about 2 months ago)
- Topics: android, bezier, ripple, sin, sine, sinewave, wave, waveview
- Language: Java
- Homepage:
- Size: 3.36 MB
- Stars: 100
- Watchers: 3
- Forks: 8
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# WaveView
[](https://raw.githubusercontent.com/jenly1314/WaveView/master/app/release/app-release.apk)
[](https://jitpack.io/#jenly1314/WaveView)
[](https://travis-ci.org/jenly1314/WaveView)
[](https://android-arsenal.com/api?level=16)
[](https://opensource.org/licenses/mit-license.php)
WaveView for Android 是一个水波纹动画控件视图，支持波纹数，波纹振幅，波纹颜色，波纹速度，波纹方向等属性完全可配。
## Gif 展示
> 你也可以直接下载 [演示App](https://raw.githubusercontent.com/jenly1314/WaveView/master/app/release/app-release.apk) 体验效果
## 引入
### Gradle:
1. 在Project的 **build.gradle** 或 **setting.gradle** 中添加远程仓库
```gradle
repositories {
//...
mavenCentral()
maven { url 'https://jitpack.io' }
}
```
2. 在Module的 **build.gradle** 里面添加引入依赖项
```gradle
implementation 'com.github.jenly1314:WaveView:1.0.1'
```
## 使用
### WaveView自定义属性说明
| 属性 | 值类型 | 默认值 | 说明 |
| :------| :------ | :------ | :------ |
| waveCount | integer |2| 波纹数量 |
| waveColor | color |#3F00B9D2| 波纹颜色 |
| waveAmplitude | dimension | 20dp | 波纹振幅 |
| waveMaxSpeed | dimension | 4dp | 波纹最大速度 |
| waveMinSpeed | dimension | 2dp | 波纹最小速度 |
| waveRefreshInterval | integer | 15 | 刷新频率时间间隔，单位:毫秒 |
| waveAutoAnim | boolean | true | 是否自动播放动画 |
| waveInverted | boolean | false | 是否倒置 |
| waveDirection | enum | DIRECTION.LEFT_TO_RIGHT | 波纹方向，默认从左到右 |
| waveVertical | boolean | false | 是否垂直 |
### 示例
布局示例
```Xml
```
代码示例
```Java
//开始动画
waveView.start();
//停止动画
waveView.stop();
```
更多使用详情，请查看[app](app)中的源码使用示例或直接查看 [API帮助文档](https://jitpack.io/com/github/jenly1314/WaveView/latest/javadoc/)
## 版本记录
#### v1.0.1：2019-11-8
* 移除Support.appcompat-v7依赖
#### v1.0.0：2019-2-23
* WaveView初始版本
## 赞赏
如果您喜欢WaveView，或感觉WaveView帮助到了您，可以点右上角“Star”支持一下，您的支持就是我的动力，谢谢 :smiley:
您也可以扫描下面的二维码，请作者喝杯咖啡 :coffee:
## 关于我
| 我的博客 | GitHub | Gitee | CSDN | 博客园 |
|:------------------------------------------------------------------------------------|:----------------------------------------------------------------------------------------|:---------------------------------------------------------------------------------------|:-------------------------------------------------------------------------------------|:-------------------------------------------------------------------------------|
| Jenly's Blog | jenly1314 | jenly1314 | jenly121 | jenly |
## 联系我
| 微信公众号 | Gmail邮箱 | QQ邮箱 | QQ群 | QQ群 |
|:-------------|:---------------------------------------------------------------------------------|:----------------------------------------------------------------------------------|:--------------------------------------------------------------------------------------------------------------------------|:--------------------------------------------------------------------------------------------------------------------------|
| [Jenly666](http://weixin.qq.com/r/wzpWTuPEQL4-ract92-R) | jenly1314 | jenly1314 | 20867961 | 64020761 |
