Android自定义View之直方图和扇形图——ChartView_android 自定義視圖直方圖-CSDN博客

本文链接：https://blog.csdn.net/u011146263/article/details/77749446

本文介绍了如何在Android中自定义一个名为ChartView的视图，该视图能够同时显示柱状图和扇形图。通过自定义属性如chartType、proportion、axisColor和sectionAmount来控制图表样式。在`onMeasure`方法中处理视图高度，并实现了柱状图和扇形图的绘制。此外，还添加了动画效果，利用ValueAnimator动态改变柱状图的高度或扇形图的角度。最后，提供了源码链接供读者参考。

摘要由CSDN通过智能技术生成

先上图

这里写图片描述

实现

因为本次需求中只有柱状图和扇形图的需求，所以本次示例将两种类型的图放在了一个view里，先看看自定义属性

<declare-styleable name="ChartView">
        <attr name="textColor" format="color" />
        <attr name="textSize" format="dimension" />
        <attr name="chartType" format="enum">
            <enum name="HISTOGRAM" value="101"/>
            <enum name="FAN" value="102"/>
        </attr>
        <attr name="proportion" format="integer"/>
        <attr name="axisColor" format="color"/>
        <attr name="sectionColor" format="color"/>
        <attr name="sectionAmount" format="integer"/>
    </declare-styleable>

其中chartType表示图表类型，也就是上面提到的柱状或扇形图，proportion表示在柱状图里，每个柱子与柱子之间的间隔的宽度比，axisColor为坐标轴的颜色，sectionAmount表示坐标轴分成几个区间并且以横线将坐标轴分成对应个区域。

onMeasure

@Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        int widthSpecMode = MeasureSpec.getMode(widthMeasureSpec);
        int widthSpecSize = MeasureSpec.getSize(widthMeasureSpec);
        int heightSpecMode = MeasureSpec.getMode(heightMeasureSpec);
        int heightSpecSize = MeasureSpec.getSize(heightMeasureSpec);

        //默认以w/h : 16/12 的形式展现
        int screenWidth = getResources().getDisplayMet