【HarmonyOS】【JAVA UI 】鸿蒙 自定义折线图_鸿蒙 piant

 关于HarmonyOS 自定义View我们可以学习HarmonyOS自定义组件 这篇文档，今天描述自定义折线图的功能，我们从“准备工作”、“初始化画笔”、“绘画折线图”、“运行效果图”，这四个方面进行描述

1.       准备工作

想要实现折线图我们了解Paint，获取屏幕的宽高，这几个功能的实现

获取屏幕的宽高的代码如下

    /**
     * 获取屏幕宽
     *
     * @param context context
     * @return int
     */
    public static int getWindowWidth(Context context) {
        DisplayManager displayManager = DisplayManager.getInstance();
        Optional<Display> defaultDisplay = displayManager.getDefaultDisplay(context);
        return defaultDisplay.get().getAttributes().width;
    }
 
    /**
     * 获取屏幕高
     *
     * @param context context
     * @return int
     */
    public static int getWindowHeight(Context context) {
        DisplayManager displayManager = DisplayManager.getInstance();
        Optional<Display> defaultDisplay = displayManager.getDefaultDisplay(context);
        return defaultDisplay.get().getAttributes().height;
    }

2.       初始化画笔

主要实现画笔的设置颜色，设置宽度，设置画笔风格

private void initPaint() {
        myPaint = new Paint();
        myPaint.setColor(defaultColor);
        myPaint.setStrokeWidth(ringWidth);
        myPaint.setStyle(Paint.Style.STROKE_STYLE);
    }

3.       绘画折线图

我们要学会Point，和canvas.drawText, canvas.drawLine绘画Y轴的坐标，绘画x轴坐标，绘画折线图三个方面进行实现

3.1绘画Y轴的坐标代码如下