Skip to content

Latest commit

History

8 Commits

Folders and files

NameName
Last commit message
Last commit date

Repository files navigation

WaveView

多条波纹的视图

演示:

demo show

使用:

Project build.gradle配置
allprojects {
repositories {
...
maven { url 'https://jitpack.io' }
}
}
Module build.gradel配置
dependencies {
implementation 'com.github.Dean1990:WaveView:-SNAPSHOT'
}
布局
<com.deanlib.waveview.WaveView
android:id="@+id/waveView"android:layout_width="match_parent"android:layout_height="150dp"wave:number="3"wave:peakValue="15dp"wave:speed="10"wave:speedDValue="6"wave:waveColor="#660000ff"wave:waveHeight="80dp" />
布局文件可设置参数说明:
参数名说明默认值
wave:number波纹数量1(数量不要太大,手机受不了)
wave:peakValue震幅(控制波浪高度)30dp
wave:speed波纹标准速度5
wave:speedDValue波纹之间速度差2
wave:waveColor波纹颜色(应设置半透明色,以实现叠层效果)0x881E90FF(蓝色)
wave:waveHeight波纹高度(波纹部分在视图中高度,需要 android:layout_height的配合,理论上讲 android:layout_height的高度应该大于等于wave:waveHeight+wave:peakValue/2才能完整显示波纹,形象的描述:wave:waveHeight变大意味着涨潮了)100dp
代码设置
WaveViewmWaveView = findViewById(R.id.waveView);
mWaveView.setAnim(true);
//开启波纹或者mWaveView.setAnim(false);
//默认是开启的

Demo:

https://github.com/Dean1990/LibDemo

About

多条波纹的视图

Resources

Stars

1 star

Watchers

1 watching

Forks

Releases

Packages

Contributors

Languages