Android 折线图绘制

最新推荐文章于 2024-08-18 03:36:27 发布

一只牵牛花

最新推荐文章于 2024-08-18 03:36:27 发布

阅读量1.3w

点赞数 4

分类专栏：自定义View初级安卓自定义View从入门到精通文章标签： android 折线图

本文链接：https://blog.csdn.net/zhcswlp0625/article/details/68063227

版权

这篇博客详细介绍了如何在Android中不依赖第三方库，自定义绘制折线图。从自定义View的属性声明开始，到构造方法中获取属性、重写onMeasure和onSizeChanged方法以确定宽高，再到核心的onDraw方法实现画图逻辑，包括绘制虚线、文字、坐标轴、折线和点，以及onTouchEvent处理点击事件。文章提供了完整的步骤和代码示例，帮助开发者理解自定义View的过程。

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

项目需要一个折线图，又不想引入那个MPAndroidChart和HelloCharts框架，看了看他们的原理和微信推荐的内容，修改整理出了下面的内容。
在此感谢原作者。

我们大致要实现的形式如下：

在看这篇文章之前，首先建议去看我的上一篇文章
Android PathEffect 自定义折线图必备

看完之后，让我们进入正题：

自定义View四步骤走起；

还是我们自定View的那几个步骤：

1、自定义View的属性
2、在View的构造方法中获得我们自定义的属性
[ 3、重写onMesure ]
4、重写onDraw
5、重写onTouchEvent（如果你需要这个控件对手是操作进行特殊的处理）

1,在attrs里面进行声明

   <!--这里为什么抽出去来？因为假如有两个textSize分别在不同的自定义view下，构建的时候会报错，抽取出来重复利用-->
    <attr name="textSize" format="dimension|reference"/>
    <attr name="textColor" format="color"/>


    <declare-styleable name="ChartView">
        <attr name="max_score" format="integer"/>
        <attr name="min_score" format="integer"/>
        <attr name="broken_line_color" format="color"/>
        <attr name="textColor"/>
        <attr name="textSize"/>
        <attr name="dottedlineColor" format="color"/>
    </declare-styleable>

2、在View的构造方法中获得我们自定义的属性


  TypedArray a = context.obtainStyledAttributes(attrs, R.styleable.ChartView);
        maxScore = a.getInt(R.styleable.ChartView_max_score, 800);
        minScore = a.getInt(R.styleable.ChartView_min_score, 600);
        brokenLineColor = a.getColor(R.styleable.ChartView_broken_line_color, brokenLineColor);
        textNormalColor = a.getColor(R.styleable.ChartView_textColor, textNormalColor);
        textSize = a.getDimensionPixelSize(R.styleable.ChartView_textSize, (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_SP,
                15, getResources().getDisplayMetrics()));
        straightLineColor = a.getColor(R.styleable.ChartView_dottedlineColor, straightLineColor);

        a.recycle();

在View的构造方法中获得我们自定义的属性后，我们要对Paint，Path进行初始化：

 //初始化path以及Paint
        brokenPath = new Path();

        brokenPaint = new Paint();
        brokenPaint.setAntiAlias(true);
        brokenPaint.setStyle(Paint.Style.STROKE);
        brokenPaint.setStrokeWidth(dipToPx(brokenLineWith));
        brokenPaint.setStrokeCap(Paint.Cap.ROUND);

        straightPaint = new Paint();
        straightPaint.setAntiAlias(true);
        straightPaint.setStyle(Paint.Style.STROKE);
        straightPaint.setStrokeWidth(brokenLineWith);
        straightPaint.setColor((straightLineColor));
        straightPaint.setStrokeCap(Paint.Cap.ROUND);

        dottedPaint = new Paint();
        dottedPaint.setAntiAlias(true);
        dottedPaint.setStyle(Paint.Style.STROKE);
        dottedPaint.setStrokeWidth(brokenLineWith);
        dottedPaint.setColor((straightLin