android显示动态条形图-优快云博客

本文链接：https://blog.youkuaiyun.com/fengerFHF/article/details/9769273

本文介绍了一种在Android中自定义View以绘制条形图的方法。通过重写onDraw方法，利用Canvas和Paint实现了一个包含标题、坐标轴、条形图及数据标签的简单图表。适用于需要展示数据变化趋势的应用场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

创建一个新的类实现自定义View，然后重写onDraw方法，一步一步地画出自己想要的条形图，

效果如图：

代码如下：

package com.viewTest;
import android.content.Context; 
import android.graphics.Canvas; 
import android.graphics.Color; 
import android.graphics.Paint; 
import android.graphics.Rect;
import android.graphics.Paint.Style; 
import android.util.AttributeSet; 
import android.view.View; 
public class MyView extends View { 
    public MyView(Context context) {
        super(context);
        // TODO Auto-generated constructor stub
    }
    public MyView(Context context,AttributeSet attr) { 
        super(context,attr); 
    } 
    private Paint myPaint; 
    private static final String myString1 = "2006-2011上半年中国移动互联网行业各年度投资情况"; 
    private static final String myString2 = "来源：清科研究中心 2011.08"; 
    @Override
    protected void onDraw(Canvas canvas) { 
        // TODO Auto-generated method stub 
        super.onDraw(canvas);
        myPaint = new Paint();  
        //绘制标题
        myPaint.setColor(Color.BLACK); //设置画笔颜色
        myPaint.setTextSize(18);//设置文字大小
        canvas.drawText(myString1, 20, 20, myPaint); 
        //绘制坐标轴
        canvas.drawLine(50, 100, 50, 500, myPaint);//纵坐标轴       
        canvas.drawLine(50, 500, 400, 500, myPaint);//横坐标轴
        int[] array1 = new int[]{0, 50, 100, 150, 200, 250, 300, 350};
        //绘制纵坐标刻度
        myPaint.setTextSize(10);//设置文字大小
        canvas.drawText("单位：百万美元", 20, 90, myPaint); 
        for (int i = 0; i < array1.length; i++) {
            canvas.drawLine(50, 500 - array1[i], 54, 500 - array1[i], myPaint);
            canvas.drawText(array1[i] + "", 20, 500 - array1[i], myPaint);
        }
        //绘制横坐标文字
        String[] array2 = new String[]{"2008年", "2009年", "2010年", "2011上半年"};
        for (int i = 0; i < array2.length; i++) {
            canvas.drawText(array2[i], array1[i] + 80, 520, myPaint);
        }
        //绘制条形图
        myPaint.setColor(Color.BLUE); //设置画笔颜色 
        myPaint.setStyle(Style.FILL); //设置填充 
        canvas.drawRect(new Rect(90, 500 - 56, 110, 500), myPaint);//画一个矩形,前两个参数是矩形左上角坐标，后两个参数是右下角坐标        
        canvas.drawRect(new Rect(140, 500 - 98, 160, 500), myPaint);//第二个矩形     
        canvas.drawRect(new Rect(190, 500 - 207, 210, 500), myPaint);//第三个矩形    
        canvas.drawRect(new Rect(240, 500 - 318, 260, 500), myPaint);//第四个矩形
        myPaint.setColor(Color.BLACK); //设置画笔颜色
        canvas.drawText("56.32", 88, 500 - 58, myPaint);//第一个矩形的数字说明
        canvas.drawText("98.00", 138, 500 - 100, myPaint);
        canvas.drawText("207.65", 188, 500 - 209, myPaint);
        canvas.drawText("318.30", 238, 500 - 320, myPaint);
        //绘制出处
        myPaint.setColor(Color.BLACK); //设置画笔颜色
        myPaint.setTextSize(16);//设置文字大小
        canvas.drawText(myString2, 20, 560, myPaint); 
    } 
}

具体参考代码下载地址： http://download.youkuaiyun.com/detail/fengerfhf/5873463