Android绘制音乐播放器示波器

 更新时间:2016年07月12日 14:37:28   作者:qq_25193681  
这篇文章主要为大家详细介绍了Android绘制音乐播放器示波器的相关资料,感兴趣的小伙伴们可以参考一下

示波器是在大学的时候老师教的,但是出来工作一直没有用到过,渐渐的也就忘记了,现在重新学习一下。来看看效果图:

这里是一个自定义的柱状图,然后有一个按钮,点击按钮的时候,这里柱子会不停的运动,类似于音乐播放器里示波器的跳动。

跟前面几个自定义view的方式类似,重写了onSizeChange()方法onDraw()方法
先列一下我们要用到的变量:

 /**画笔*/
 private Paint mPaint;
 /**控件的宽度*/
 private float mWidth;
 /**单个柱子的宽度*/
 private float mRectWidth;
 /**单个柱子的高度*/
 private float mRectHeight;
 /**柱子的总个数*/
 private float mRectCount = 10;
 /**柱子之间的间隔*/
 private int offsets = 2;
 /**Android中的线性渐变*/
 private LinearGradient mLinearGradient;
 /**随机的柱子的高度*/
 private double mRandom;

所有的变量都在这里了

下面给画笔初始化

 /**
  * 初始化画笔
  */
 private void initView() {
  mPaint = new Paint();
  mPaint.setAntiAlias(true);
 }

然后在onSizeChange()里面给变量赋值

 @Override
 protected void onSizeChanged(int w, int h, int oldw, int oldh) {
  super.onSizeChanged(w, h, oldw, oldh);
  mWidth = getWidth();
  mRectHeight = getHeight();
  mRectWidth = (int) (mWidth * 0.6 / mRectCount);
  mLinearGradient = new LinearGradient(0, 0, mRectWidth, mRectHeight,
    Color.YELLOW, Color.BLUE, Shader.TileMode.CLAMP);
  mPaint.setShader(mLinearGradient);

 }

最后绘制柱状图

 @Override
 protected void onDraw(Canvas canvas) {
  super.onDraw(canvas);
  for (int i = 0; i < mRectCount; i++) {
   mRandom = Math.random();
   float currentHeight = (float) (mRectHeight * mRandom);
   canvas.drawRect(
     (float) (mWidth * 0.4 / 2 + mRectWidth * i + offsets),
     currentHeight, (float) (mWidth * 0.4 / 2 + mRectWidth
       * (i + 1)), mRectHeight, mPaint);
  }

 }

这个时候,一个音乐播放器的示波器已经完成了,但是,这个是静态的,接下来,向外面暴露一个方法,用于刷新View,实现动态的效果。

    public void onStart() {
        postInvalidateDelayed(300);
    }

每间隔300ms对View进行重绘,就可以有一个比较好的视觉效果了。

好了,最后我贴上全部的代码:

public class MusicLine extends View {
 private Paint mPaint;
 private float mWidth;
 private float mRectWidth;
 private float mRectHeight;
 private float mRectCount = 10;
 private int offsets = 2;
 private LinearGradient mLinearGradient;
 private double mRandom;

 public MusicLine(Context context, AttributeSet attrs, int defStyle) {
  super(context, attrs, defStyle);

  initView();
 }

 public MusicLine(Context context, AttributeSet attrs) {
  super(context, attrs);
  initView();
 }

 public MusicLine(Context context) {
  super(context);
  initView();
 }

 /**
  * 初始化工具类
  */
 private void initView() {
  mPaint = new Paint();
  mPaint.setAntiAlias(true);
 }

 @Override
 protected void onSizeChanged(int w, int h, int oldw, int oldh) {
  super.onSizeChanged(w, h, oldw, oldh);
  mWidth = getWidth();
  mRectHeight = getHeight();
  mRectWidth = (int) (mWidth * 0.6 / mRectCount);
  mLinearGradient = new LinearGradient(0, 0, mRectWidth, mRectHeight,
    Color.YELLOW, Color.BLUE, Shader.TileMode.CLAMP);
  mPaint.setShader(mLinearGradient);

 }

 @Override
 protected void onDraw(Canvas canvas) {
  super.onDraw(canvas);
  for (int i = 0; i < mRectCount; i++) {
   mRandom = Math.random();
   float currentHeight = (float) (mRectHeight * mRandom);
   canvas.drawRect(
     (float) (mWidth * 0.4 / 2 + mRectWidth * i + offsets),
     currentHeight, (float) (mWidth * 0.4 / 2 + mRectWidth
       * (i + 1)), mRectHeight, mPaint);
  }

 }

 public void onStart() {
  postInvalidateDelayed(300);
 }

}

至此,全部完成了。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

相关文章

  • iOS UIButton 点击无响应的解决办法

    iOS UIButton 点击无响应的解决办法

    在开发中按钮我们经常会遇到,但是有时候会碰到一些难以处理的问题,就是按钮点击无响应,其实解决方法也不难。下面小编之家小编抽空给大家介绍iOS UIButton 点击无响应的解决办法,需要的朋友参考下吧
    2017-12-12
  • Android实现左右摆动的球体动画效果

    Android实现左右摆动的球体动画效果

    这篇文章主要介绍了Android实现左右摆动的球体动画效果,本文介绍的非常详细,具有参考借鉴价值,需要的朋友可以参考下
    2016-09-09
  • FragmentTabHost使用方法详解

    FragmentTabHost使用方法详解

    这篇文章主要为大家详细介绍了Android中FragmentTabHost的使用方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-08-08
  • Flutter应用框架运行微信小程序方法

    Flutter应用框架运行微信小程序方法

    这篇文章主要介绍了在Flutter App内运行微信小程序的过程,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习吧
    2023-02-02
  • 浅谈Android Dialog窗口机制

    浅谈Android Dialog窗口机制

    本文主要介绍了Android Dialog窗口机制,文中通过示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-04-04
  • Android学习笔记之AndroidManifest.xml文件解析(详解)

    Android学习笔记之AndroidManifest.xml文件解析(详解)

    这篇文章主要介绍了Android学习笔记之AndroidManifest.xml文件解析,需要的朋友可以参考下
    2015-10-10
  • Android OpenCV基础API清晰度亮度识别检测

    Android OpenCV基础API清晰度亮度识别检测

    这篇文章主要为大家介绍了Android OpenCV基础API清晰度亮度识别检测,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-01-01
  • 详解如何使用VisualStudio高效开发调试AndroidNDK

    详解如何使用VisualStudio高效开发调试AndroidNDK

    这篇文章主要介绍了详解如何使用VisualStudio高效开发调试AndroidNDK,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-12-12
  • Android编程实现GPS位置获取的方法

    Android编程实现GPS位置获取的方法

    这篇文章主要介绍了Android编程实现GPS位置获取的方法,结合具体实例形式分析了Android针对GPS定位的常见操作技巧,需要的朋友可以参考下
    2017-07-07
  • Flutter list 数组排序示例解析

    Flutter list 数组排序示例解析

    这篇文章主要为大家介绍了Flutter list 数组排序实现示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-05-05

最新评论