Android自定义View之音频条形图

2016-04-12 17:52 76人阅读 评论(2) 收藏 举报

 分类：

 

Android（26） 

版权声明：本文为博主原创文章，未经博主允许不得转载。

新建项目，新建MusicRectangleView继承自View并重写onDraw和onSizeChanged方法，onDraw方法用于绘制矩形，onSizeChanged主要用于为矩形添加LinearGradient渐变，完整后新建变量如下：

private Paint mPaint;
    public int mOffset = 10;
    public int mRectWidth ;
    public int mRectHeight ;
    private int mRectCount = 10;
    private float currentHeight;
    private int mWidth;
    private LinearGradient mLinearGradient;

• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8

修改onDraw方法如下：

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

• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8
• 9

修改onSizeChanged方法如下：

@Override
    protected void onSizeChanged(int w, int h, int oldw, int oldh) {
        super.onSizeChanged(w, h, oldw, oldh);
        mPaint = new Paint();
        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);
    }

• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8
• 9
• 10

自此就完成了一个音频条形图的绘制，效果如下：

源文件下载地址：源文件