这期内容当中小编将会给大家带来有关android中怎么自定义WaveView水波纹控件，文章内容丰富且以专业的角度为大家分析和叙述，阅读完这篇文章希望大家可以有所收获。
创新互联建站是一家集网站建设,长治企业网站建设,长治品牌网站建设,网站定制,长治网站建设报价,网络营销,网络优化,
长治网站推广为一体的创新建站企业，帮助传统企业提升企业形象加强企业竞争力。可充分满足这一群体相比中小企业更为丰富、高端、多元的互联网需求。同时我们时刻保持专业、时尚、前沿，时刻以成就客户成长自我，坚持不断学习、思考、沉淀、净化自己，让我们为更多的企业打造出实用型网站。
引入你的工程
在项目的根目录下的build.gradle文件中添加如下代码：
allprojects {
repositories {
...
maven { url 'https://jitpack.io' }
}
}在你需要引用的module中添加如下依赖：
dependencies {
compile 'com.github.onlynight:WaveView:1.0.0'
}使用
布局文件中添加view：
activity中需要手动启动水波纹
mWaveView1 = (WaveView) findViewById(R.id.waveView1);
// when you want start wave you should call WaveView#start() method.
mWaveView1.start();
// when you want stop wave you should call WaveView#stop() method.
mWaveView1.stop();
View 属性说明
实现原理
我们视觉上看到的是水波纹，实际上只是一个正弦波和余弦波向左位移，然后将三角函数的周期加长，在一个view中不显示整个三角函数的的波形，这样从视觉上来说就是水波纹效果啦。
根据上面的分析，我们知道我们需要计算一个正弦波和一个余弦波，并且根据时间的推移将正弦波或者余弦波向左或者向右平移，最后每次计算完波形图的时候绘制下来就完成啦。下面我们来看下WaveView中的关键代码：
private void drawWave(Canvas canvas, int width, int height) {
setPaint();
double lineX = 0;
double lineY1 = 0;
double lineY2 = 0;
for (int i = 0; i < width; i += mStrokeWidth) {
lineX = i;
if (mIsRunning) {
lineY1 = mWaveRange * Math.sin((mAngle + i) * Math.PI / 180 / mPeriod) +
height * (1 - mWaveHeightPercent);
lineY2 = mWaveRange * Math.cos((mAngle + i) * Math.PI / 180 / mPeriod) +
height * (1 - mWaveHeightPercent);
} else {
lineY1 = 0;
lineY2 = 0;
}
canvas.drawLine((int) lineX, (int) lineY1,
(int) lineX + 1, height, mWavePaint1);
canvas.drawLine((int) lineX, (int) lineY2,
(int) lineX + 1, height, mWavePaint2);
}
}可以看到，这里没有选择path进行绘制，因为path绘制无法满足需求，这里通过画竖线；计算每个点起始的位置，然后从这个点画一条线到view的底部，然后循环多次直到view的边界处结束绘制，这样就看到正弦波啦；这时候在每次绘制过程中给三角函数添加一个偏移量，这样每次计算的时候波形就会偏移；最后就完成啦。
有个地方有个坑需要注意，这里可以设置view为圆形；常规的思路是画完以后再将其切成一个圆形，我尝试了各种方法证明这种思路有问题；最后发现需要先限定canvas的绘制区域，然后再将图形绘制到view上去，这样才能实现clip的效果。
@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
if (mIsRunning) {
int height = getHeight();
int width = getWidth();
// 这里要注意执行的顺序
clipContainer(canvas, width, height);
drawWave(canvas, width, height);
}
}
private void clipContainer(Canvas canvas, int width, int height) {
if (mIsCircle) {
mContainerPath.reset();
canvas.clipPath(mContainerPath);
mContainerPath.addCircle(width / 2, height / 2, width / 2, Path.Direction.CCW);
canvas.clipPath(mContainerPath, Region.Op.REPLACE);
}
}上述就是小编为大家分享的android中怎么自定义WaveView水波纹控件了，如果刚好有类似的疑惑，不妨参照上述分析进行理解。如果想知道更多相关知识，欢迎关注创新互联行业资讯频道。
标题名称：android中怎么自定义WaveView水波纹控件-创新互联
网站URL：
http://cdkjz.cn/article/dchces.html
