WaveView
Introduction: :surfer: WaveView 一个水波纹动画控件视图,支持波纹数,波纹振幅,波纹颜色,渐变色,波纹速度,波纹方向等属性完全可配。
Tags:
WaveView for Android 是一个水波纹动画控件视图,支持波纹数,波纹振幅,波纹颜色,波纹速度,波纹方向等属性完全可配。
Gif 展示
你也可以直接下载 演示 App 体验效果
引入
Gradle:
在 Project 的 build.gradle 或 setting.gradle 中添加远程仓库
repositories { //... mavenCentral() maven { url 'https://jitpack.io' } }
在 Module 的 build.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 | 是否垂直 |
示例
布局示例
<com.king.view.waveview.WaveView
android:id="@+id/waveView"
android:layout_width="match_parent"
android:layout_height="wrap_content"/>
代码示例
//开始动画
waveView.start();
//停止动画
waveView.stop();
更多使用详情,请查看app中的源码使用示例或直接查看 API 帮助文档
版本记录
v1.0.1:2019-11-8
- 移除 Support.appcompat-v7 依赖
v1.0.0:2019-2-23
- WaveView 初始版本
赞赏
如果您喜欢 WaveView,或感觉 WaveView 帮助到了您,可以点右上角“Star”支持一下,您的支持就是我的动力,谢谢 :smiley:
您也可以扫描下面的二维码,请作者喝杯咖啡 :coffee:
![](https://jenly1314.github.io/image/page/rewardcode.png)
关于我
我的博客 | GitHub | Gitee | CSDN | 博客园 |
---|---|---|---|---|
Jenly's Blog | jenly1314 | jenly1314 | jenly121 | jenly |
联系我
微信公众号 | Gmail 邮箱 | QQ 邮箱 | QQ 群 | QQ 群 |
---|---|---|---|---|
Jenly666 | jenly1314 | jenly1314 | 20867961 | 64020761 |
![](https://jenly1314.github.io/image/page/footer.png)