Android自定义用能曲线图

最新推荐文章于 2024-05-20 15:04:52 发布

虹猫来码字

最新推荐文章于 2024-05-20 15:04:52 发布

阅读量444

点赞数 5

分类专栏： Android自定义控件文章标签： android 安卓

本文链接：https://blog.csdn.net/discode/article/details/115528196

版权

本文介绍了在Android平台上如何根据用户场景和功能需求，自定义绘制能耗曲线图。关键实现包括绘制方格竖直线、水平线、基准线，设置点的数组以及绘制曲线，提供截图和源码供参考。

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

1 用户场景

用户想知晓冷热量消耗的情况

2 功能需求

当前本月已用的能耗计量值、本月基础套餐里的免费额度值、以天为粒度的用能曲线图呈现

3 关键实现

3.1 绘制方格竖直线

        // 设置绘制方格线背景时用到的画笔
        Paint paint = new Paint();
        paint.setColor(Color.parseColor("#1FFFFFFF"));
        paint.setStyle(Paint.Style.STROKE);
        paint.setStrokeWidth(1.0f);
        // 格子宽度
        float plaidWidth = mCanvasWidth / ((float) mVerticalLineNum);
        // 竖直线的x坐标
        float row = (float) 0;
        while (row < mCanvasWidth) {
   
            canvas.drawLine(row, (float) 0, row, mCanvasHeight, paint);
            row += plaidWidth;
            if (row >= mCanvasWidth) {
   
                canvas.drawLine(mCanvasWidth - 1.0f, (float) 0, mCanvasWidth - 1.0f, mCanvasHeight, paint);
            }
        }

3.2 绘制方格水平线

        float column = 0.0f;
        // 五分之一格子高度
        float plaidHeightExtra = (mCanvasHeight / ((float) mHorizontalLineNum)) / 5.0f;
        // 格子高度
        float plaidHeight = (mCanvasHeight - plaidHeightExtra) / ((float) mHorizontalLineNum);
        while (true) {
   
            if (column >= mCanvasHeight) {
   
                break;
            }
            float plaidHeightTemp = column + plaidHeight;
            if (plaidHeightTemp > mCanvasHeight) {
   
                canvas.drawLine((float) 0, mCanvasHeight - 1.0f, mCanvasWidth, mCanvasHeight - 1.0f, paint);
            } else {
   
                float temp = plaidHeightExtra + column;
                canvas.drawLine((float) 0, temp, mCanvasWidth, temp, paint);
            }
            column = plaidHeightTemp;
        }

3.3 绘制基准线

        if (mBaseValue != 0) {
   
            // 基准线y坐标
            float f11 = ((float) (LineChartView.STANDARD_VALUE - mBaseValue)) * (mCanvasHeight / ((float) LineChartView.STANDARD_VALUE));
            paint.setColor(Color.parseColor("#FFFF0000"));
            canvas.drawLine((float) 0, f11, mCanvasWidth, f11, paint);
            RectF rectF = new RectF();
            rectF.