Android开发自定义控件实现一个折线图

实现一个如下图所示的折线图

首先是控件绘图区域的划分，控件左边取一小部分（控件总宽度的八分之一）绘制表头，右边剩余的部分绘制表格

确定表格的行列数，首先绘制一个三行八列的网格，设置好行列的坐标后开始绘制

/*绘制三条横线*/
for(int i=0;i<3;i++){
    canvas.drawLine(textWide, mLineYs[i], totalWidth, mLineYs[i], mPaintLine);
}
/*绘制八条竖线*/
for(int i=0;i<8;i++){
    canvas.drawLine(mLineXs[i], 0, mLineXs[i], totalHeight, mPaintLine);
}

网格绘制完成后，开始绘制折线图

根据输入的节点数据，分别绘制两条折线

通过canvas的drawLine方法依次连接两点即可

在每个数据节点处绘制一个小圆，突出显示

/*绘制第一条折线的路径*/
for (int i = 0; i < mPerformance_1.length - 1; i++) {
    /*折线图的折线的画笔设置粗一点*/
    mPaintLine.setStrokeWidth(5);
    /*计算当前节点的坐标值*/
    float prePointX =mLineXs[i];
    float prePointY =mLineYs[2] - (mLineYs[2] - mLineYs[mPerformance_1[i].type]) * animCurrentValue;
    /*计算下一个节点的坐标值*/
    float nextPointX=mLineXs[i + 1];