图形绘制简介

public class TestPaintView extends View {
    private Context context;
    private Paint paint;
    private RectF rect;//Rect是使用int类型作为数值，RectF是使用float类型作为数值
    private Path path;//主要用于绘制复杂的图形轮廓，比如折线，圆弧以及各种复杂图案
    private Bitmap bitmap;
    private int left, top, right, bottom;




    public TestPaintView(Context context) {
        super(context);
        this.context = context;
        paint = new Paint();
        rect = new RectF(0, 0, 0, 0);//左X、上Y、右X、下Y相应的距离，即左上角、右下角的坐标，系统不会检查数值的有效性
        paint.setStrokeJoin(Paint.Join.ROUND);//设置绘制时图形的结合方式（图形节点的样式）
        paint.setStrokeCap(Paint.Cap.ROUND);//设置画笔在【离开】画板时留下的最后一点的样式
        paint.setAntiAlias(true);
        paint.setDither(true);
        paint.setStrokeWidth(dp2px(0.5f));//设置画笔粗细，单位为像素
        bitmap = BitmapFactory.decodeResource(getResources(), R.drawable.icon);
    }




    @SuppressLint("DrawAllocation")
    @Override
    protected void onDraw(Canvas canvas) {
        //背景颜色
        canvas.drawColor(0x33005500);
        //矩形
        initRect(10, 50, 10, 50);
        paint.setStyle(Paint.Style.STROKE);//描边(空心)，默认是FILL(实心、填充)
        canvas.drawRect(rect, paint);
        //绘制弧线区域（扇形或弓形）
        paint.setStyle(Paint.Style.FILL);
        paint.setColor(0xff00ff00);
        canvas.drawArc(rect, 0, 90, false, paint);//当为false时是一个不经过【圆心】的弓形，当为true时是一个经过圆心的扇形
        paint.setColor(0xffff0000);
        canvas.drawArc(rect, 90, 150, true, paint); //圆弧所在矩形，起始角度90，旋转角度150，顺时针为正
        //矩形内切圆（或椭圆）
        paint.setStyle(Paint.Style.STROKE);
        initRect(10, 30, 10, 50);
        canvas.drawRect(rect, paint);
        paint.setARGB(255, 0, 0, 255);
        canvas.drawOval(rect, paint);
        paint.setStyle(Paint.Style.FILL);
        canvas.drawArc(rect, 0, 90, false, paint); //椭圆的扇形
        paint.setARGB(128, 255, 0, 255);
        canvas.drawArc(rect.left, rect.top, rect.right, rect.bottom, 90f, 150f, true, paint);



        //圆角矩形
        paint.setStyle(Paint.Style.STROKE);
        initRect(10, 50, 10, 50);
        canvas.drawRoundRect(rect, 20, 20, paint);//矩形，两侧圆角弧度的大小，一般都设为相同
        //画直线
        canvas.drawLine(dp2px(120), dp2px(25), dp2px(120), dp2px(55), paint);// 画一条线（首尾两点的坐标）
        paint.setColor(Color.BLUE);
        float[] points = new float[] { dp2px(120), dp2px(15), dp2px(150), dp2px(15),//画多条线。每条线都需要两个坐标(每两个值组成一个坐标)
                dp2px(130), dp2px(25), dp2px(150), dp2px(55), dp2px(150), dp2px(25) };
        canvas.drawLines(points, paint);//最后两个值不够组成一条线，所以被废弃掉了。
        paint.setColor(Color.BLACK);
        canvas.drawLines(points, 2, 8, paint);//指定跳过前2个数据，取出8个数据绘制直线
        // 画圆  
        canvas.drawCircle(dp2px(190), dp2px(35), dp2px(25), paint);//圆心坐标，半径
        //画点
        paint.setStrokeWidth(dp2px(3));
        canvas.drawPoint(dp2px(190), dp2px(35), paint);//画一个点
        paint.setColor(Color.RED);
        canvas.drawPoints(points, paint);//画多个点，每两个值组成一个坐标
        //画图片，就是贴图  
        canvas.drawBitmap(bitmap, dp2px(220), dp2px(10), paint);//坐标指的是左上角的位置
        //canvas.drawCircle(320 + bitmap.getWidth() / 2, 200 + bitmap.getWidth() / 2, bitmap.getWidth() / 2, paint);
        //*************************************************************************************




        //画路径1，不规则封闭图形
        paint.setStrokeWidth(dp2px(0.5f));
        path = new Path();
        path.moveTo(dp2px(10), dp2px(70));//指定初始轮廓点，若没指定默认从(0,0)点开始
        path.lineTo(dp2px(10), dp2px(100));//从当前轮廓点绘制一条线段到指定轮廓点
        path.lineTo(dp2px(50), dp2px(100));
        path.lineTo(dp2px(50), dp2px(80));
        path.close(); // 回到初始点形成封闭的曲线
        canvas.drawPath(path, paint);
        //画路径2，利用path也可以画各种图形，api使用上和canvas有些许区别
        rect = new RectF(dp2px(60), dp2px(70), dp2px(110), dp2px(120));
        path.addRect(rect, Direction.CW);//利用path画矩形。Diection.CW 顺时针方向，Diection.CCW 逆时针方向
        canvas.drawPath(path, paint);
        paint.setColor(Color.BLUE);//注意，同一path绘制的图形的颜色一定是相同的
        Path path2 = new Path();//如果这里不重新new一个path，则前面用path绘制的图形的颜色也都会变
        path2.addRoundRect(rect, new float[] { 20, 60, 20, 60, 60, 60, 20, 20 }, Direction.CW);//从左上角顺时针开始，四个角的x轴y轴方向的弧度
        canvas.drawPath(path2, paint);

        //绘制文本
        canvas.drawLine(rect.left, rect.centerY(), rect.right, rect.centerY(), paint);
        paint.reset();//重置
        paint.setTextSize(dp2px(12));//单位是px，只在绘制文字时有效
        paint.setTextAlign(Align.CENTER);//绘制的文字以drawText时指定的 float x 水平居中，默认值是Align.LEFT
        canvas.drawText("1efg", rect.centerX(), rect.centerY(), paint);//注意 float y 代表的是 baseline 的值，也即e和f的下边界，而非g的下边界
        paint.setUnderlineText(true);//带下划线
        canvas.drawText("包青天efg", 0, "包青天efg".length(), rect.right + dp2px(30), rect.top + dp2px(12), paint);//(+textSize)可实现和矩形顶部对齐
        canvas.drawText(new char[] { 'J', '！', '。', '.' }, 0, 4, rect.right + dp2px(30), rect.centerY(), paint);
        //在指定路径上绘制文本
        Path path3 = new Path();
        path3.moveTo(rect.right, rect.bottom);
        path3.lineTo(rect.right + dp2px(150), rect.centerY());
        canvas.drawPath(path3, paint);
        paint.setTextAlign(Align.LEFT);
        canvas.drawTextOnPath("123456789", path3, 30, -10, paint);//float hOffset,相对基准线的向右偏移值， float vOffset向下偏移值
    }




    /**
     * 重新设置矩形边界
     * @param leftAdd, 代表新矩形的左边界距离上一个矩形的右边界的距离
     * @param width,代表矩形的宽度
     * @param topAdd, 代表新矩形的上边界的值
     * @param hight,代表矩形的高度
     */
    private void initRect(int leftAdd, int width, int topValue, int hight) {
        left = right + leftAdd;
        right = left + width;
        top = topValue;
        bottom = top + hight;

        rect.left = dp2px(left);
        rect.right = dp2px(right);
        rect.top = dp2px(top);
        rect.bottom = dp2px(bottom);
    }

    private int dp2px(float dpValue) {
        float scale = context.getResources().getDisplayMetrics().density;
        return (int) (dpValue * scale + 0.5f);
    }

}

代码-位置装换、保存、恢复