android 照片直方图第三方库,Android drawXXX()直方图和饼图

题目见Github

通过一下午的时间做了个练习，比较复杂的就是直方图和饼图。

直方图

device-2017-07-13-183502.png

package com.hencoder.hencoderpracticedraw1.practice;

import android.content.Context;

import android.graphics.Canvas;

import android.graphics.Color;

import android.graphics.Paint;

import android.graphics.Rect;

import android.graphics.RectF;

import android.support.annotation.Nullable;

import android.util.AttributeSet;

import android.view.View;

import java.util.Arrays;

import java.util.List;

public class Practice10HistogramView extends View {

private Paint mPaint;

private List mStrings = Arrays.asList("Froyo", "GB", "ICS", "JB", "KitKat", "L", "M");

private List mIntegerList = Arrays.asList(2, 5, 6, 40, 80, 100, 30);

private RectF rectF = new RectF();

private Rect descRectF = new Rect();

public Practice10HistogramView(Context context) {

super(context);

init();

}

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

super(context, attrs);

init();

}

public Practice10HistogramView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {

super(context, attrs, defStyleAttr);

init();

}

private void init() {

mPaint = new Paint(Paint.ANTI_ALIAS_FLAG);

mPaint.setColor(Color.WHITE);

mPaint.setStrokeWidth(2);

}

@Override

protected void onDraw(Canvas canvas) {

super.onDraw(canvas);

int width = getWidth() - 100 - 100;

int marign = 20;

int eachWidth = (width - marign * (mStrings.size() + 1)) / mStrings.size();

canvas.drawLine(100, 30, 100, getHeight() - 160, mPaint);

canvas.drawLine(100, getHeight() - 160, getWidth() - 100, getHeight() - 160, mPaint);

mPaint.setTextSize(28);

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

int x = eachWidth * i + marign * (i + 1) + 100;

Rect rect = new Rect();

mPaint.getTextBounds(mStrings.get(i), 0, mStrings.get(i).length(), rect);

canvas.drawText(mStrings.get(i), x + eachWidth / 2 - rect.width() / 2, getHeight() - 120, mPaint);

}

mPaint.setTextSize(48);

String desc = "直方图";

mPaint.getTextBounds(desc, 0, desc.length(), descRectF);

canvas.drawText(desc, getWidth() / 2 - descRectF.width() / 2, getHeight() - 20, mPaint);

mPaint.setColor(Color.parseColor("#72B916"));

mPaint.setStyle(Paint.Style.FILL);

int height = getHeight() - 230;

int eachHeight = height / 100;

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

rectF.left = eachWidth * i + marign * (i + 1) + 100;

rectF.top = height - eachHeight * mIntegerList.get(i);

rectF.right = rectF.left + eachWidth;

rectF.bottom = getHeight() - 160;

canvas.drawRect(rectF, mPaint);

}

}

}

饼图

device-2017-07-13-183511.png

package com.hencoder.hencoderpracticedraw1.practice;

import android.content.Context;

import android.graphics.Canvas;

import android.graphics.Color;

import android.graphics.Paint;

import android.graphics.Rect;

import android.graphics.RectF;

import android.support.annotation.Nullable;

import android.util.AttributeSet;

import android.view.View;

import java.util.Arrays;

import java.util.List;

public class Practice11PieChartView extends View {

private Paint mPaint;

private List mIntegerList = Arrays.asList(40, 20, 7, 3, 20, 30);

private List mStrings = Arrays.asList("AAFSF", "BFDBC", "CDF", "DFE", "EDSFSDFD", "FFDCX");

private int sum = 0;

private int radius = 300;

private Paint mWhitePaint;

private RectF mRectF1 = new RectF();

private RectF mRectF2 = new RectF();

private RectF mRectF3 = new RectF();

private RectF mRectF4 = new RectF();

public Practice11PieChartView(Context context) {

super(context);

init();

}

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

super(context, attrs);

init();

}

public Practice11PieChartView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {

super(context, attrs, defStyleAttr);

init();

}

private void init() {

mPaint = new Paint(Paint.ANTI_ALIAS_FLAG);

mPaint.setColor(Color.WHITE);

mPaint.setStrokeWidth(2);

for (int a : mIntegerList) {

sum += a;

}

mWhitePaint = new Paint(Paint.ANTI_ALIAS_FLAG);

mWhitePaint.setColor(Color.WHITE);

mWhitePaint.setStrokeWidth(3);

mWhitePaint.setTextSize(30);

}

@Override

protected void onLayout(boolean changed, int left, int top, int right, int bottom) {

super.onLayout(changed, left, top, right, bottom);

mRectF1.left = getWidth() / 2 - radius + 5;

mRectF1.top = getHeight() / 2 - radius + 5;

mRectF1.right = getWidth() / 2 + radius + 5;

mRectF1.bottom = getHeight() / 2 + radius + 5;

mRectF2.left = getWidth() / 2 - radius - 5;

mRectF2.top = getHeight() / 2 - radius + 5;

mRectF2.right = getWidth() / 2 + radius - 5;

mRectF2.bottom = getHeight() / 2 + radius + 5;

mRectF3.left = getWidth() / 2 - radius - 5;

mRectF3.top = getHeight() / 2 - radius - 5;

mRectF3.right = getWidth() / 2 + radius - 5;

mRectF3.bottom = getHeight() / 2 + radius - 5;

mRectF4.left = getWidth() / 2 - radius + 5;

mRectF4.top = getHeight() / 2 - radius - 5;

mRectF4.right = getWidth() / 2 + radius + 5;

mRectF4.bottom = getHeight() / 2 + radius - 5;

}

private int degreeed = 0;

@Override

protected void onDraw(Canvas canvas) {

super.onDraw(canvas);

// 综合练习

// 练习内容：使用各种 Canvas.drawXXX() 方法画饼图

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

int degree = mIntegerList.get(i) * 360 / sum;

int red = (int) (Math.random() * 255);

int green = (int) (Math.random() * 255);

int blue = (int) (Math.random() * 255);

mPaint.setColor(Color.rgb(red, green, blue));

if (degreeed < 180) {

int centerDegree = degreeed + degree / 2;

if (degreeed < 90) {

float startX = (float) (Math.cos(Math.PI * centerDegree / 180.0) * radius) + getWidth() / 2;

float startY = (float) (Math.sin(Math.PI * centerDegree / 180.0) * radius) + getHeight() / 2;

float endX = startX + 25;

float endY = startY + 25;

canvas.drawLine(startX, startY, endX, endY, mWhitePaint);

canvas.drawLine(endX, endY, endX + 70, endY, mWhitePaint);

canvas.drawText(mStrings.get(i), endX + 80, endY, mWhitePaint);

canvas.drawArc(mRectF1, degreeed, degree, true, mPaint);

} else {

float startX = getWidth() / 2 + (float) (Math.cos(Math.PI * centerDegree / 180.0) * radius);

float startY = (float) (Math.sin(Math.PI * centerDegree / 180.0) * radius) + getHeight() / 2;

float endX = startX - 25;

float endY = startY + 25;

canvas.drawLine(startX, startY, endX, endY, mWhitePaint);

canvas.drawLine(endX, endY, endX - 70, endY, mWhitePaint);

Rect rect = new Rect();

mWhitePaint.getTextBounds(mStrings.get(i), 0, mStrings.get(i).length(), rect);

canvas.drawText(mStrings.get(i), endX - 80 - rect.width(), endY, mWhitePaint);

canvas.drawArc(mRectF2, degreeed, degree, true, mPaint);

}

} else {

int centerDegree = degreeed + degree / 2;

if (degreeed < 270) {

float startX = getWidth() / 2 + (float) (Math.cos(Math.PI * centerDegree / 180.0) * radius);

float startY = getHeight() / 2 + (float) (Math.sin(Math.PI * centerDegree / 180.0) * radius);

float endX = startX - 25;

float endY = startY - 25;

canvas.drawLine(startX, startY, endX, endY, mWhitePaint);

canvas.drawLine(endX, endY, endX - 70, endY, mWhitePaint);

Rect rect = new Rect();

mWhitePaint.getTextBounds(mStrings.get(i), 0, mStrings.get(i).length(), rect);

canvas.drawText(mStrings.get(i), endX - 80 - rect.width(), endY, mWhitePaint);

canvas.drawArc(mRectF3, degreeed - 360, degree, true, mPaint);

} else {

float startX = getWidth() / 2 + (float) (Math.cos(Math.PI * centerDegree / 180.0) * radius);

float startY = getHeight() / 2 + (float) (Math.sin(Math.PI * centerDegree / 180.0) * radius);

float endX = startX + 25;

float endY = startY - 25;

canvas.drawLine(startX, startY, endX, endY, mWhitePaint);

canvas.drawLine(endX, endY, endX + 70, endY, mWhitePaint);

canvas.drawText(mStrings.get(i), endX + 80, endY, mWhitePaint);

canvas.drawArc(mRectF4, degreeed - 360, degree, true, mPaint);

}

}

degreeed += degree;

}

mPaint.setColor(Color.BLACK);

}

}