自定义view饼形图

饼形图

Author: crazyqiang

.gitignore

@@ -1,47 +1,43 @@
-# Windows image file caches
-Thumbs.db
-ehthumbs.db
-
-# Folder config file
-Desktop.ini
-
-# Recycle Bin used on file shares
-$RECYCLE.BIN/
-
-# Windows Installer files
-*.cab
-*.msi
-*.msm
-*.msp
-
-# Windows shortcuts
-*.lnk
-
-# =========================
-# Operating System Files
-# =========================
-
-# OSX
-# =========================
-
-.DS_Store
-.AppleDouble
-.LSOverride
-
-# Thumbnails
-._*
-
-# Files that might appear in the root of a volume
-.DocumentRevisions-V100
-.fseventsd
-.Spotlight-V100
-.TemporaryItems
-.Trashes
-.VolumeIcon.icns
-
-# Directories potentially created on remote AFP share
-.AppleDB
-.AppleDesktop
-Network Trash Folder
-Temporary Items
-.apdisk
+
+# Built application files
+*.apk
+*.ap_
+
+# Files for the ART/Dalvik VM
+*.dex
+
+# Java class files
+*.class
+
+# Generated files
+bin/
+gen/
+out/
+
+# Gradle files
+.gradle/
+build/
+.idea/
+
+
+# Local configuration file (sdk path, etc)
+local.properties
+
+# Proguard folder generated by Eclipse
+proguard/
+
+# Log Files
+*.log
+
+# Android Studio Navigation editor temp files
+.navigation/
+
+# Android Studio captures folder
+captures/
+
+# Intellij
+*.iml
+.idea/workspace.xml
+
+# Keystore files
+*.jks

app/.gitignore

@@ -0,0 +1 @@
+/build

app/build.gradle

@@ -0,0 +1,29 @@
+apply plugin: 'com.android.application'
+
+android {
+    compileSdkVersion 24
+    buildToolsVersion "24.0.2"
+    defaultConfig {
+        applicationId "org.ninetripods.mq.circleview"
+        minSdkVersion 15
+        targetSdkVersion 24
+        versionCode 1
+        versionName "1.0"
+        testInstrumentationRunner "android.support.test.runner.AndroidJUnitRunner"
+    }
+    buildTypes {
+        release {
+            minifyEnabled false
+            proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro'
+        }
+    }
+}
+
+dependencies {
+    compile fileTree(dir: 'libs', include: ['*.jar'])
+    androidTestCompile('com.android.support.test.espresso:espresso-core:2.2.2', {
+        exclude group: 'com.android.support', module: 'support-annotations'
+    })
+    compile 'com.android.support:appcompat-v7:24.2.1'
+    testCompile 'junit:junit:4.12'
+}

app/proguard-rules.pro

@@ -0,0 +1,17 @@
+# Add project specific ProGuard rules here.
+# By default, the flags in this file are appended to flags specified
+# in D:\Android\sdkN/tools/proguard/proguard-android.txt
+# You can edit the include path and order by changing the proguardFiles
+# directive in build.gradle.
+#
+# For more details, see
+#   http://developer.android.com/guide/developing/tools/proguard.html
+
+# Add any project specific keep options here:
+
+# If your project uses WebView with JS, uncomment the following
+# and specify the fully qualified class name to the JavaScript interface
+# class:
+#-keepclassmembers class fqcn.of.javascript.interface.for.webview {
+#   public *;
+#}

app/src/androidTest/java/org/ninetripods/mq/circleview/ExampleInstrumentedTest.java

@@ -0,0 +1,26 @@
+package org.ninetripods.mq.circleview;
+
+import android.content.Context;
+import android.support.test.InstrumentationRegistry;
+import android.support.test.runner.AndroidJUnit4;
+
+import org.junit.Test;
+import org.junit.runner.RunWith;
+
+import static org.junit.Assert.*;
+
+/**
+ * Instrumentation test, which will execute on an Android device.
+ *
+ * @see <a href="http://d.android.com/tools/testing">Testing documentation</a>
+ */
+@RunWith(AndroidJUnit4.class)
+public class ExampleInstrumentedTest {
+    @Test
+    public void useAppContext() throws Exception {
+        // Context of the app under test.
+        Context appContext = InstrumentationRegistry.getTargetContext();
+
+        assertEquals("org.ninetripods.mq.circleview", appContext.getPackageName());
+    }
+}

app/src/main/AndroidManifest.xml

@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="utf-8"?>
+<manifest xmlns:android="http://schemas.android.com/apk/res/android"
+    package="org.ninetripods.mq.circleview">
+
+    <application
+        android:allowBackup="true"
+        android:icon="@mipmap/ic_launcher"
+        android:label="@string/app_name"
+        android:supportsRtl="true"
+        android:theme="@style/AppTheme">
+        <activity android:name=".MainActivity">
+            <intent-filter>
+                <action android:name="android.intent.action.MAIN" />
+
+                <category android:name="android.intent.category.LAUNCHER" />
+            </intent-filter>
+        </activity>
+    </application>
+
+</manifest>

app/src/main/java/org/ninetripods/mq/circleview/MainActivity.java

@@ -0,0 +1,50 @@
+package org.ninetripods.mq.circleview;
+
+import android.graphics.Color;
+import android.support.v7.app.AppCompatActivity;
+import android.os.Bundle;
+
+import org.ninetripods.mq.circleview.customView.CakeBean;
+import org.ninetripods.mq.circleview.customView.CakeView;
+
+import java.util.ArrayList;
+import java.util.List;
+
+public class MainActivity extends AppCompatActivity {
+    private List<CakeBean> beans;
+    private String[] names = {"php", "object-c", "c", "c++", "java", "android", "linux"};
+    private float[] values = {2f, 2f, 3f, 4f, 5f, 6f, 7f};
+    private int[] colArrs = {Color.RED, Color.parseColor("#4ebcd3"), Color.MAGENTA, Color.YELLOW, Color.GREEN, Color.parseColor("#f68b2b"), Color.parseColor("#6fb30d")};//圆弧颜色
+
+    @Override
+    protected void onCreate(Bundle savedInstanceState) {
+        super.onCreate(savedInstanceState);
+        setContentView(R.layout.activity_main);
+        initData();
+        initViews();
+    }
+
+    /**
+     * 初始化数据
+     */
+    private void initData() {
+        beans = new ArrayList<>();
+        for (int i = 0; i < 7; i++) {
+            CakeBean bean = new CakeBean();
+            bean.name = names[i];
+            bean.value = values[i];
+            bean.mColor = colArrs[i];
+            beans.add(bean);
+        }
+    }
+
+    /**
+     * 初始化视图
+     */
+    private void initViews() {
+        CakeView cake_view = (CakeView) findViewById(R.id.cake_view);
+        cake_view.setData(beans);
+    }
+
+
+}

app/src/main/java/org/ninetripods/mq/circleview/customView/CakeBean.java

@@ -0,0 +1,14 @@
+package org.ninetripods.mq.circleview.customView;
+
+import java.io.Serializable;
+
+/**
+ * Created by MQ on 2016/12/15.
+ */
+
+public class CakeBean implements Serializable {
+    public String name;//名字
+    public float value;//值
+    public float degree;//旋转过的角度
+    public int mColor;//圆弧颜色
+}

app/src/main/java/org/ninetripods/mq/circleview/customView/CakeView.java

@@ -0,0 +1,136 @@
+package org.ninetripods.mq.circleview.customView;
+
+import android.content.Context;
+import android.graphics.Canvas;
+import android.graphics.Color;
+import android.graphics.Paint;
+import android.graphics.RectF;
+import android.util.AttributeSet;
+import android.view.View;
+
+
+import java.text.DecimalFormat;
+import java.util.ArrayList;
+import java.util.List;
+
+/**
+ * Created by MQ on 2016/12/15.
+ */
+
+public class CakeView extends View {
+    private List<CakeBean> beanList;
+    //画圆的矩形
+    private RectF mRectF;
+    //右边的小矩形
+    private RectF iRectF;
+    private Paint mPaint;
+    private int mWidth, mHeight;
+    private float rotateDegree;//每个圆弧的起始角度
+    private float sumValue = 0;//所有值的和
+    private float diameter;//圆的直径
+    private float textY;//绘制文字的Y坐标
+
+    private float mRectHeight = 40;//矩形高度
+    private float mRectWidth = 80;//矩形宽度
+    private float mMargin = 40;//矩形和圆的距离
+
+    public CakeView(Context context) {
+        this(context, null);
+    }
+
+    public CakeView(Context context, AttributeSet attrs) {
+        this(context, attrs, 0);
+    }
+
+    public CakeView(Context context, AttributeSet attrs, int defStyleAttr) {
+        super(context, attrs, defStyleAttr);
+        init();
+    }
+
+    private void init() {
+        beanList = new ArrayList<>();
+        mRectF = new RectF();
+        mPaint = new Paint();
+        mPaint.setColor(Color.YELLOW);
+        mPaint.setAntiAlias(true);
+        mPaint.setDither(true);
+    }
+
+    @Override
+    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
+        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
+    }
+
+    @Override
+    protected void onSizeChanged(int w, int h, int oldw, int oldh) {
+        super.onSizeChanged(w, h, oldw, oldh);
+        mWidth = w;
+        mHeight = h;
+        diameter = Math.min(mWidth, mHeight);
+    }
+
+    @Override
+    protected void onDraw(Canvas canvas) {
+        super.onDraw(canvas);
+        //设置圆形绘制的范围
+        mRectF.set(0, 0, diameter, diameter);
+        //画布中心X坐标向右移动（控件宽度-圆直径）之差的八分之一的距离
+        //画布中心Y坐标向下移动（控件宽度-圆直径）之差的二分之一的距离
+        canvas.translate((mWidth - diameter) / 8, (mHeight - diameter) / 2);
+        if (beanList.size() > 0 && Float.compare(sumValue, 0.0f) != 0) {
+            for (int i = 0; i < beanList.size(); i++) {
+                CakeBean bean = beanList.get(i);
+                //画圆弧
+                mPaint.setColor(bean.mColor);
+                canvas.drawArc(mRectF, rotateDegree, bean.degree, true, mPaint);
+                rotateDegree += bean.degree;
+                //画矩形和文字
+                drawRectAndText(canvas, bean);
+            }
+        }
+    }
+
+    private void drawRectAndText(Canvas canvas, CakeBean bean) {
+        iRectF = new RectF();
+        //设置画矩形的范围
+        float left = diameter + mMargin;
+        float right = diameter + mMargin + mRectWidth;
+        float bottom = textY + mRectHeight;
+        iRectF.set(left, textY, right, bottom);
+        canvas.drawRect(iRectF, mPaint);
+        //设置颜色
+        mPaint.setColor(Color.BLACK);
+        //设置文字大小
+        mPaint.setTextSize(30);
+        //画文字
+        canvas.drawText(bean.name + "(" + new DecimalFormat(".00").format(bean.value / sumValue * 100) + "%)", right + 10, textY + 30, mPaint);
+        textY += mRectHeight;
+    }
+
+    /**
+     * 饼状图添加数据
+     *
+     * @param beans CakeBean数据
+     */
+    public void setData(List<CakeBean> beans) {
+        if (beans == null || beans.size() <= 0) return;
+        for (int i = 0; i < beans.size(); i++) {
+            CakeBean bean = beans.get(i);
+            sumValue += bean.value;
+        }
+        for (int i = 0; i < beans.size(); i++) {
+            CakeBean bean = beans.get(i);
+            bean.degree = bean.value / sumValue * 360;
+            beanList.add(bean);
+        }
+        invalidate();
+    }
+
+    /**
+     * @param startDegree 设置起始角度
+     */
+    public void setStartDegree(float startDegree) {
+        this.rotateDegree = startDegree;
+        invalidate();
+    }
+}