Android自定义view柱形,Android自定义View实现柱状图--(简易版)

自定义View是我们Android开发经常用到的东西,我们可以利用自定义view实现各种各样的效果,接下来就带大家看一下效果图

图片略丑.......

那么接下来直接上代码

public class HistogramView extends View {

/**

* 自定义view实现柱状图

* 首先定义一个类实现View

*/

//定义画笔

private Paint mLinePaint;

private Paint mGreenPaint;

private Paint mTextPaint;

//定义上下文

private Context mContext;

//定义宽高

private float weight;

private float height;

private float mScale;

//这个数组是高度的值

private String[] y_title = {"100", "80", "60", "40", "20", "0"};

//分别为定义数据与数据源名称的集合

private List mData;

private List mNames;

public HistogramView(Context context, @Nullable AttributeSet attrs) {

super(context, attrs);

//给定义的画笔进行加工

mContext = context;

mLinePaint = new Paint();

mGreenPaint = new Paint();

mTextPaint = new Paint();

mLinePaint.setARGB(255, 223, 233, 231);

mGreenPaint.setARGB(255, 0, 200, 149);

mTextPaint.setARGB(255, 153, 153, 153);

mGreenPaint.setStyle(Paint.Style.FILL);

mTextPaint.setAntiAlias(true);

mGreenPaint.setAntiAlias(true);

mLinePaint.setAntiAlias(true);

mScale = context.getResources().getDisplayMetrics().density;

//初始化数据

mData = new ArrayList<>();

mNames = new ArrayList<>();

}

//尺寸发生改变的时候调用

@Override

protected void onSizeChanged(int w, int h, int oldw, int oldh) {

super.onSizeChanged(w, h, oldw, oldh);

weight = 0.7F * w;

height = 0.70F * h;

}

//绘制

@Override

protected void onDraw(Canvas canvas) {

super.onDraw(canvas);

float min_height = height / 5;

for (int i = 5; i >= 0; i--) {

if (i == 5) {

mLinePaint.setARGB(255, 131, 148, 144);

} else {

mLinePaint.setARGB(255, 223, 233, 231);

}

canvas.drawLine(70 * mScale, 30 * mScale + min_height * i, 70 * mScale + weight, 30 * mScale + min_height * i, mLinePaint);

mTextPaint.setTextAlign(Paint.Align.RIGHT);

mTextPaint.setTextSize(10 * mScale);

canvas.drawText(y_title[i], 60 * mScale, 32 * mScale + min_height * i, mTextPaint);

}

float min_weight = (weight - 70 * mScale) / (mData.size());

mTextPaint.setTextSize(12 * mScale);

mTextPaint.setTextAlign(Paint.Align.CENTER);

for (int i = 0; i < mData.size(); i++) {

int leftR = (int) (70 * mScale + i * min_weight + min_weight / 2);

int rightR = leftR + (int) (min_weight / 2);

int buttomR = (int) (30 * mScale + min_height * 5);

int topR = buttomR - (int) (height / 100 * mData.get(i));

canvas.drawRect(new RectF(leftR, topR, rightR, buttomR), mGreenPaint);

mTextPaint.setARGB(255, 153, 153, 153);

canvas.drawText(mNames.get(i), leftR + min_weight / 4, buttomR + 20 * mScale, mTextPaint);

mTextPaint.setARGB(255, 51, 51, 51);

canvas.drawText(mData.get(i) + "", leftR + min_weight / 4, topR - 10 * mScale, mTextPaint);

}

}

//传入数据并进行绘制

public void updateThisData(List data, List name) {

mData = data;

mNames = name;

invalidate();

}

}