美文网首页
WaveLine音波正弦曲线波浪

WaveLine音波正弦曲线波浪

作者: lzy2626 | 来源:发表于2019-03-13 11:22 被阅读0次

前言

项目中有语音录入文字的功能,需要一个动画效果。所以需要实现一个随音频大小而改变的波浪图形。是基于A memory-friendly recording wave animation一款性能内存友好的录音波浪动画的基础上进行修改完成的。感谢这位大神,原理讲解请看这里

github地址https://github.com/lzy2626/WaveLine

看一下效果图:

GIF.gif

使用方式:

Step 1. Add it in your root build.gradle at the end of repositories:
    allprojects {
        repositories {
            ...
            maven { url 'https://jitpack.io' }
        }
    }
Step 2. Add the dependency
    dependencies {
            implementation 'com.github.lzy2626:WaveLine:Tag'
    }
Step 3.xml
    <com.lzy.waveline.WaveLineView
        android:id="@+id/waveLineView"
        android:layout_width="match_parent"
        android:layout_height="200dp"
        app:wlvBackgroundColor="@android:color/white" />
Step 4.activity
  waveLineView = (WaveLineView) findViewById(R.id.waveLineView);
  waveLineView.startAnim();

//根据声音大小进行设置
 waveLineView.setVolume((int) db);

相关文章

  • WaveLine音波正弦曲线波浪

    前言 项目中有语音录入文字的功能,需要一个动画效果。所以需要实现一个随音频大小而改变的波浪图形。是基于A memo...

  • 绘制波浪正弦曲线

    iOS绘制波浪,具体来说就是结合CAShaperLayer、UIBezierPath进行一个高性能的绘制。前文已经...

  • iOS 利用加速计实现多个波浪线

    需求 要求根据手机摇晃程度(加速计),来实现多个波浪线动画,要求两端低,中间高。实现效果: 工作原理 正弦曲线公式...

  • 漂亮的自定义波浪动画

    自定义波浪动画 今天讲讲以前项目的一个动画,先看看效果,实际是连贯的,gif会卡一下 --- 原理:正弦曲线y=a...

  • 音波

    声音的音波到底可以传播多远呢,其实应该是挺远的吧,隔着墙,隔着几层楼的高度只要有声音都可以听到,特别是万籁俱寂的深...

  • 音波

    第一次做瑜珈休息术,老师用音波,先开始有点燥,但随着后来听惯了,让人感觉很平静,那种音波会从你手指,脚趾进入你身体...

  • Qt编写自定义控件56-波浪曲线

    一、前言 波浪曲线控件,其实是之前一个水波进度条控件的一个核心,其实就是利用正弦曲线来生成对应的坐标进行绘制,把这...

  • 实现波浪圆形进度控件 WaveProgress

    效果图 绘制波浪效果 上图中有4条贝塞尔曲线(当然你也可以利用正弦曲线画,近段时间接触了贝塞尔曲线,所以用它来练手...

  • Android 仿书旗小说的波浪

    本文介绍开发WaveView WaveView其实就是正弦曲线 正弦曲线可表示为y=Asin(ωx+φ)+k,定义...

  • 正弦曲线

    情绪就像正弦曲线,被激励,精气神儿提升,做事更有效率,人变的强势且自信。 稍不留神,被打击或者被轻视,心情落入谷底...

网友评论

      本文标题:WaveLine音波正弦曲线波浪

      本文链接:https://www.haomeiwen.com/subject/fqzapqtx.html