jay-goo / wavelineview

A memory-friendly recording wave animation一款性能内存友好的录音波浪动画

WaveLineView

一款内存友好的录音漂亮的波浪动画

效果图（实际效果更好）

---

Usage

Step1

 allprojects {
		repositories {
			...
			maven { url 'https://jitpack.io' }
		}
	}
	
	dependencies {
	        compile 'com.github.Jay-Goo:WaveLineView:v1.0.4'
	}

Step2

<jaygoo.widget.wlv.WaveLineView
        android:id="@+id/waveLineView"
        android:layout_width="match_parent"
        android:layout_height="120dp"
        app:wlvBackgroundColor="@android:color/white"
        app:wlvMoveSpeed="290"
        />

Step3

waveLineView.startAnim();

waveLineView.stopAnim();

  @Override
    protected void onResume() {
        super.onResume();
        waveLineView.onResume();
    }

    @Override
    protected void onPause() {
        super.onPause();
        waveLineView.onPause();
    }

    @Override
    protected void onDestroy() {
        super.onDestroy();
        waveLineView.release();
    }

---

Attributes

attr	format	description
backgroundColor	color	背景色
wlvLineColor	color	波浪线的颜色
wlvThickLineWidth	dimension	中间粗波浪曲线的宽度
wlvFineLineWidth	dimension	三条细波浪曲线的宽度
wlvMoveSpeed	float	波浪线移动的速度，默认值为290F，方向从左向右，你可以使用负数改变移动方向
wlvSamplingSize	integer	采样率，动画效果越大越精细，默认64
wlvSensibility	integer	灵敏度，范围[1,10]，越大越灵敏，默认值为5

原理讲解传送门

联系我

• Email： [email protected]
• QQ Group: 573830030 有时候工作很忙没空看邮件和Issue,大家可以通过QQ群联系我

一杯咖啡

大家都知道开源是件很辛苦的事情，这个项目也是我工作之余完成的，平时工作很忙，但大家提的需求基本上我都尽量满足，如果这个项目帮助你节省了大量时间，你很喜欢，你可以给我一杯咖啡的鼓励，不在于钱多钱少，关键是你的这份鼓励所带给我的力量~

致谢

Bugly—以Tencent OS录音机波形动画为实例

DrkCore—以Tencent OS录音机波形为例

wavelineview's Issues

按电源键锁屏后，再打开就一片空白了

测试过8.1不会出现这个问题，9.0会

页面波纹重叠bug

demo里面startAnim 显示波纹移动后，一切正常，此时进行频繁地前后台切换，多操作几次就发现页面波纹重叠bug。 必现。

可以通过音量控制波形吗？

如何修改能够在onResume中自启动WaveLineView动画。

在跳转到其他页面后，没有finish（）销毁掉，想在返回的时候，重新自启动WaveLineView动画。

method to change the ampltude during animation

Can we create a set method/function to change the amplitude at run time during animation?

背景黑色

waveView会遮挡其他控件，设置了setZOrderMediaOverlay(false);可以解决遮挡，但是背景变成黑色，请问有更好的解决方案解决这个冲突吗？

AndroidManifest 合并有冲突

需要加上
tools:replace="label,allowBackup,supportsRtl"
建议作者将 libary 下的没用的节点全删光

?

不劳而获真的那么安心么

NullPointerException WaveLineView.java:182

您好，博主：我这边再使用控件的时候空指针异常。

我用的nin您的源码。

There is delay at the animation start

There is unbearable amount of delay before first (or couple of) run of the animation start? Does it need time for preprocessing?

给背景颜色backGroundColor 设置透明度

博主，你好。我在使用您的这个控件，发下了这个问题。如果给空间设置带有透明度颜色。那么波浪线会有问题。比如我的颜色是 #2100000 这时，控件有问题。改如何解决呢

正好需要这个，感谢大神！

无法引入依赖

引入依赖错误，显示找不到

反馈一个bug，外部通过 setBackGroundColor 背景设置为透明 Color.TRANSPARENT，绘图有问题

如下方法中，需要 同步更改 透明模式 标志

 public void setBackGroundColor(int backGroundColor) {
        this.backGroundColor = backGroundColor;

       // 需要同步更改 透明模式 标志
        this.isTransparentMode = (backGroundColor == Color.TRANSPARENT);
    }

背景透明问题

1.默认背景为白色
2.背景颜色设置为透明,背景变成黑色
3.线条出现bug变成一条粗线

录入语音后波动过小

录入语音后波动太小该如何处理，sensibility已设置为10，setVolume的值为百度asr识别到的volume

背景问题

<jaygoo.widget.wlv.WaveLineView
android:id="@+id/waveLineView"
android:layout_width="match_parent"
android:layout_height="120dp"
app:wlvBackgroundColor="#FF4081" />
设置成其他背景
停止动画就会出现问题 波浪不显示

停止绘制时，手机休眠绘制波浪线会消失？能解决吗？

在5.1以下的手机，使用属性动画旋转该控件之后，会导致该控件变黑不可见

在5.1以下的手机，使用属性动画旋转该控件之后，会导致该控件变黑不可见，请问作者知道是什么原因吗？

如果只需要两条线，两条线交汇间的部分显示颜色，如何处理呢？

如果只需要两条线，两条线交汇间的部分显示颜色，如何处理呢？

MediaPlayer 如何配合这个用

怎么获取实时MediaPlayer 播放的声音？

放弃维护了么，空指针的bug存在好久了

Attempt to write to null array
jaygoo.widget.wlv.WaveLineView.initDraw(WaveLineView.java:340)

Attempt to read from null array
jaygoo.widget.wlv.WaveLineView.onRender(WaveLineView.java:163)

怎么切换成WaveMp3Recorder呢

为什么没有振幅没有随着音量的改变而改变??

我跑在中兴的手机上面,Android 4.3上,振幅没有随着音量的改变而改变..

暂时解决NullPointerException WaveLineView.java:*空指针错误

相信很多使用该开源库的都是只先调用一次
mWaveLineView.startAnim()
之后Handler中循环调用
mWaveLineView.setVolume(mRecorder.volumeDb);
这样导致空指针错误!(暂时没有调查原因)

解决方案:

在Handler中不仅需要循环调用
mWaveLineView.setVolume(mRecorder.volumeDb);
还需要调用上面代码之前调用
mWaveLineView.startAnim()

完整示例(Kotlin):

var mHandler: Handler? =null;
var mRunnable: Runnable?  =null;

mHandler = Handler();

mRunnable = object: Runnable {
            override fun run() {
                //需要运行在UiThread否则可能还会出现空指针问题(未知)
                ViewUtils.runOnUiThread(Runnable {
                    //必须setVolume方法之前调用startAnim
                    mWaveLineView.startAnim();
                    mWaveLineView.setVolume(mRecorder!!.volumeDb);
                });
                mHandler!!.postDelayed(this, 500);
            }
        };
        mHandler!!.postDelayed(mRunnable, 500);//每500毫秒执行一次，看你业务刷新需求

这样开始就没有空指针问题了
(但是测试过程中超过一定时间有概率空指针，问题有待探究)

                                                                                                                         FloatFutrue-7Puchi

设置全透明背景是黑色

设置透明背景是黑色 如果加上setZOrderOnTop就遮挡控件了

无法显示的解决办法

`private void startThread() {
if (renderThread != null && !renderThread.running) {
renderThread.setRun(true);
try {
if (renderThread.getState() == Thread.State.NEW) {
renderThread.start();
}
} catch (RuntimeException e) {
e.printStackTrace();
}
} else {
renderThread = new RenderThread(this);
renderThread.setRun(true);
renderThread.start();
}
}

@OverRide
public void surfaceCreated(SurfaceHolder holder) {
renderer = onCreateRenderer();
LogUtil.e("RenderView surfaceCreated renderer:" + renderer);
if (renderer != null && renderer.isEmpty()) {
throw new IllegalStateException();
}
if (renderThread != null)
renderThread = new RenderThread(this);
}
`

黑色背景，没效果android:visibility="gone"

<jaygoo.widget.wlv.WaveLineView
android:id="@+id/waveLineView"
android:visibility="gone"
android:layout_width="match_parent"
android:layout_height="120dp" />