Android Cavans高级

Cavans介绍

在Android下进行2D绘图需要Canvas类的支持，它位于"android.graphics.Canvas"包下，直译过来为画布的意思，用于完成在View上的绘图。　　　　
Canvas为提供了两个构造函数：
Canvas()：创建一个空的Canvas对象。
Canvas(Bitmap bitmap)：创建一个以bitmap位图为背景的Canvas。

方法

canvas.drawArc ()//（扇形）
canvas.drawCircle()//（圆）
canvas.drawOval()//（椭圆）
canvas.drawLine()//（线）
canvas.drawPoint()//（点）
canvas.drawRect()//（矩形）
canvas.drawRoundRect()//（圆角矩形）
canvas.drawVertices()//（顶点）(不了解)
canvas.drawPath()//（路径）
canvas.drawBitmap()// （位图）
canvas.drawText()// （文字）

画布的使用

画布拥有太多的API，此处只是列举了一部分效果：平移、缩放、旋转、倾斜、切割。具体的运行效果，请自行粘贴运行，注释代码中都有。

//画布平移

        //表示画布进行平移，负数表示往左平移，如果平移的是-100，后续draw 的中心点是100 ，那么就是相当于从原本没有平移的0 开始
//        canvas.translate(-100,-100);
//        canvas.drawLine(0,0,300,300,paint);
//        paint.setColor(Color.GREEN);
//        canvas.drawRect(100,100,500,700,paint);

//        canvas.save();
//        canvas.drawRect(200,200,900,900,paint);
        //画布的缩放,先平移translate(-0.5*px,-0.5*px);再把x 和y 进行缩放，先进行缩放，
//        canvas.scale(0.5f,0.5f);
        //画布的缩放,先平移translate(-0.5*px,-0.5*px);再把x 和y 进行缩放，先进行缩放，再平移translate(0.5*px,0.5*px)
        //--回到缩放前的的x 和y ，只是单纯的缩放了大小
//        canvas.scale(0.5f,0.5f,200,200);
//        paint.setStyle(Paint.Style.FILL); //填充
//        canvas.drawRect(200,200,900,900,paint);

        //画布旋转
//        canvas.drawRect(200,200,800,800,paint);
        //旋转45度
//        canvas.rotate(45);
        //旋转45度，中心点的坐标是x:500 y:500
//        canvas.rotate(45,500,500);
//        paint.setColor(Color.GRAY);
//        canvas.drawRect(200,200,800,800,paint);


        //倾斜

        /**
         * skew(float sx, float sy)
         *@params sx 将画布在x方向上倾斜相应的角度，sx倾斜角度的tan值，其实就是将y逆时针旋转相应的角度
         * @params sy 将画布在y方向上倾斜相应的角度，sx倾斜角度的tan值，其实就是将x顺时针旋转相应的角度
         * 注：如果是在画布上直观的体现会发现当x 倾斜的时候，会发现绘制的起始点x向右移动了
         * 当y 倾斜的时候，会发现绘制的起始点y向下移动了
         */
//        canvas.drawRect(100,100,300,300,paint);
//        canvas.drawLine(100,100,300,300,paint);
//        canvas.skew(1,0);//在x方向上倾斜45度
//        canvas.skew(0,1);//在y方向上倾斜45度
//        paint.setColor(Color.GRAY);
//        canvas.drawLine(100,100,300,300,paint);
//        canvas.drawRect(100,100,300,300,paint);

        //切割操作
//        canvas.drawRect(200,200,700,700,paint);
//        paint.setColor(Color.GRAY);
//        //画布被剪裁,剪裁出的相当于第一个绘制
//        canvas.clipRect(200,200,700,700);
//        //剪裁之后的绘制都是在剪裁的画布里面绘制
//        canvas.drawCircle(100,100,100,paint);//所有区域在剪裁外部，所以看不见效果
//        canvas.drawCircle(100,100,500,paint);//部分区域在剪裁画布中，可以看到一个弧形
//        canvas.drawCircle(300,300,100,paint);//全部在剪裁区域，完整的圆

        //外部剪裁，跟clipRect相反，android 8.0 api
//        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.O) {
//            canvas.clipOutRect(200,200,700,700);
//            canvas.drawCircle(100,100,100,paint);//能看见效果
//            canvas.drawCircle(100,100,300,paint);//能看见部分效果间断弧线
//        }

最后编辑于：2019.04.26 18:01:02