Android SurfaceView+Canvas画脉搏/心电数据图

实际演示效果：


Canvas 画图基本步骤：

1、布局添加一个SurfaceView

2、在onCreate()中，加入：

 SurfaceHolder surfaceHolder = SurfaceView.getHolder();

 surfaceHolder = surfaceView.getHolder();//Canvas画图很关键的一步

3、Paint设置颜色、线宽、文字大小等属性

        penOfGrid.setColor(gridColor); //设置画笔
        penOfGrid.setStrokeWidth(1);   //线宽
        penOfGrid.setAntiAlias(true);  //抗锯齿
        penOfGrid.setTextSize(24);     //文字大小，和线宽无关

        penOfData.setColor(lineColor);
        penOfData.setStrokeWidth(2);
        penOfData.setAntiAlias(true);
        penOfData.setTextSize(80);

4、开始画图：

（---坐标的（0，0）的位置是左上角，而不是为人熟知的左下角---）

Canvas canvas = surfaceHolder.lockCanvas();
canvas.drawLine(x1,y1,x2,y2,paint);//画线
canvas.drawColor(Color.BLACK);//画黑色 ...
5、结束画图:

 surfaceHolder.unlockAndPost(canvas);

    /**
     * 绘制数据波形操作,数据缓存到了ArrayList中，本方法将其中数据绘制出来
     * 用到的其他未在方法中声明的对象、变量须自己在合适的位置声明
     * @param dataGroup 输入数据集合
     */

private void drawData(ArrayList dataGroup){
        //获得画布的宽高,绘制网格用到
        widthOfCanvas = surfaceView.getWidth();
        heightOfCanvas = surfaceView.getHeight();

        canvas = surfaceHolder.lockCanvas(); // 锁定画布，开始绘图

        canvas.setDrawFilter(new PaintFlagsDrawFilter(0, Paint.ANTI_ALIAS_FLAG
                | Paint.FILTER_BITMAP_FLAG));//抗锯齿

        int xScale = 1; //横轴几个像素为一个单位

        //bitmap：用于双缓冲画图，解决刷新闪烁问题
        if(bitmap == null){//bitmap == null：第一次画图，bitmap没有初始化，就需要初始化，就是下面这一行
            bitmap = Bitmap.createBitmap(widthOfCanvas,heightOfCanvas, Bitmap.Config.ARGB_8888);

            Canvas tempCanvas = new Canvas(bitmap);//在bitmap中再新建一个画布Cancas，bitmap相当于SurfaceView了
            tempCanvas.setDrawFilter(new PaintFlagsDrawFilter(0, Paint.ANTI_ALIAS_FLAG
                    | Paint.FILTER_BITMAP_FLAG));
            tempCanvas.drawColor(backColor); //绘制背景色

            /**
             * 绘制网格
             */
            for (int i = 0; i < widthOfCanvas / 30; i++) {
                tempCanvas.drawLine(i * 30, 0, i * 30, heightOfCanvas, penOfGrid); //纵
            }
            for (int i = 0; i < heightOfCanvas / 30; i++) {
                tempCanvas.drawLine(0, i * 30, heightOfCanvas, i * 30, penOfGrid); //横
            }

            float cx,cy,dx,dy; //画线需要的起点坐标和终点坐标
            for (int i = 0;i