Android绘图基础

2024年1月17日 85次阅读 来源: 墨革

绘图三要素

  • 一支画笔 Paint。
  • 一张画布 Canvas。
  • 一个 Bitmap 或者一个 View 来承载这个图形。

Paint常用属性

  • setAntiAlias() 设置画笔锯齿效果。
  • setColor() 设置画笔颜色。
  • setTextSize() 设置字体尺寸。
  • setStrokeWidth() 设置空心边框的宽度。
  • setStyle() 设置画笔的风格。

Canvas常用draw方法

  • drawPoint() 画点。
  • drawLine() 画线。
  • drawRect() 画矩形。
  • drawRoundRext() 画圆角矩形。
  • drawArc() 画弧形.扇形。
  • drawOval() 画椭圆。
  • drawPath() 画路径。
  • drawText() 画文本。

说明

  • 对于drawRect(left,tob,rigth,bottom,paint)接收的四个参数，当Paint.Style为Fill的时候，是指该矩形各条边到画布坐标轴的距离（一般是画布的左顶点水平方向为X轴，垂直方向为Y轴，Y轴向下为正）。当Paint.Style为Stroke的时候，是指该矩形边框各条边的中心的到画布坐标轴的距离。
  • drawPath()方法绘制的是路径。比如我要绘制一个三角形，并显示在ImageView上：
Bitmap bm = Bitmap.createBitmap(1000,1000, Bitmap.Config.ARGB_8888);
canvas = new Canvas(bm);  
paint = new Paint();
paint.setColor(Color.RED);
paint.setStyle(Paint.Style.STROKE); //必须设置，否则默认为Fill,会填充。
paint.setStrokeWidth(3.0f);
Path path = new Path();
path.moveTo(100,100);
path.lineTo(500,300);
path.lineTo(300,600);
path.close(); // 闭合曲线。
canvas.drawPath(path,paint);
imageView.setImageBitmap(bm);
  • 其中moveTo(),方法是把起始点移动到指定位置。lineTo（）是从起始点画一条道指定点的直线。更多关于Path的知识，请参考android绘图之Path总结。
  • drawArc(),drawArc(left,top,righ,bottom,startAngle,sweepAngle,useCenter,paint)是先按照给定的上下左右的距离确定一个矩形（长宽不一定要相等），然后把这个矩形的上边为旋转到startAngel角度，把矩形的左边旋转到和上边所成的夹角为sweepAngle角度，然后用弧线连接这两条边的端点。其中和X轴平行的方向为0度，正数表示顺时针旋转。当useCenter为true时，会显示左右两条边，为false时，只显示一段弧线。如绘制了一个扇形：
canvas.drawArc(100,100,300,300,30,60,true,paint);

Canvas的其他方法

  • Canvas.sava()
  • Canvas.restore()
  • Canvas.translate()
  • Canvas.rotate()
  • Canvas.scale()
  • Canvas.saveLayer()
  • Canvas.saveLayerAlpha()
  • Canvas.restoreToCount()
  • Canvas.clipPath()

说明

  • Canvas.sava()是把之前在画布上的操作保存起来，使之后的操作在另外一个图层上。Canvas.restore()则是把图层合并起来。通常我们可以先调用Canvas.sava()启用一个新的图层，然后我们可以通过Canvas.translate()或Canvas.rotate()移动或旋转这个新图层，这时的坐标都是以这个新的图层为基准，此时能大大简化我们的坐标计算。完成绘制之后，再调用Canvas.restore()就可以了。
  • Canvas.saveLayer()。 public int saveLayer(RectF bounds,Paint paint,int saveFlags),可以看到这个方法可以接受一个bounds参数。和save()方法不同的地方是，save()方法不能改变新图层的形状，而saveLayer()方法不仅可以创建一个或多个不同形状的图层，还可以指定合并图层的样式。saveLayerAlpha()则是开启一个带透明度的图层。
  • Canvas.clipPath()支持通过路径来剪贴一块区域。通常我们可用此方法剪贴一个区域，然后调用该Drawable的draw(canvas)，来绘制一个图形。如下代码绘制了一个圆形的图片。
Drawable drawable = getResources().getDrawable(R.drawable.image,null);
  // 必须调用setBounds方法，因为系统要确定该Drawable的大小。
drawable.setBounds(0,0,1000,1000);
Path path = new Path();
path.addCircle(500,500,500,Path.Direction.CW);
canvas.clipPath(path);  
drawable.draw(canvas);
imageView.setImageBitmap(bm);

注意

  • 必须调用setBounds()。设置的bounds想当于设定了该Drawable各条边距离画布坐标轴的距离。
    原文作者：墨革
    原文地址: https://www.jianshu.com/p/2fbd1a41a113
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞