Android View如何绘制

内容摘要
上文说道了Android如何测量,但是一个漂亮的控件我只知道您长到哪儿,这当然不行。只需要简单重写OnDraw方法,并在Canvas(画布)对象上调用那根五颜六色的画笔就能够画出这控件"性感
文章正文

上文说道了Android如何测量,但是一个漂亮的控件我只知道您长到哪儿,这当然不行。只需要简单重写OnDraw方法,并在Canvas(画布)对象上调用那根五颜六色的画笔就能够画出这控件"性感"的外表。那么View又是如何进行绘制了?

  要了解View如何绘制,就需要了解canvas(画布)是什么?paint(画笔)能够做什么。

  Ⅰ、canvas就是表示一块画布,你可以在上面画你所朝思暮想的东西。当我们重写onDraw方法的时候,就能够拿到一个Canvas对象,这个就是你的舞台,画你所思所想。上代码了。

@Override
  protected void onDraw(Canvas canvas) {
    super.onDraw(canvas);
  }

   当您需要对某某控件进行进行重新绘制的时候,我们只需要在这个大舞台(Canvas)调用Canvas.DrawXXX方法画出各种各样的图形。

  Ⅱ、paint就是画布上挥洒自如的画笔。要画图,得调整画笔,待画笔调整好之后,再将图像绘制到画布上,这样才可以显示在手机屏幕上。Paint上提供许多属性和方法用来设置画笔。

  1、setAntiAlias: 设置画笔的锯齿效果。
  2、setColor: 设置画笔颜色
  3、setARGB:  设置画笔的a,r,p,g值。
  4、setAlpha:  设置Alpha值
  5、setTextSize: 设置字体尺寸。
  6、setStyle:  设置画笔风格,空心或者实心。
  7、setStrokeWidth: 设置空心的边框宽度。
  8、getColor:  得到画笔的颜色
  9、getAlpha:  得到画笔的Alpha值。

  我们既然知道了画笔与画布,通过一个短小精悍的例子来看画布和画笔怎么共同作用出一个想要的图形。老样子,上代码:

public class MyView extends View {

  private Paint paint;
  public MyView(Context context, AttributeSet attrs) {
    super(context, attrs);
    init();
  }

  private void init() {
    paint=new Paint(Paint.ANTI_ALIAS_FLAG);
    paint.setColor(Color.RED);
    paint.setStrokeWidth(5);
    paint.setTextSize(28);
    
  }

  @Override
  protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
    setMeasuredDimension(measureWidth(widthMeasureSpec),
        measureWidth(heightMeasureSpec));
  }

  public int measureWidth(int measureSpec) {
    int result = 0;
    int specMode = MeasureSpec.getMode(measureSpec);
    int specSize = MeasureSpec.getSize(measureSpec);
    if (specMode == MeasureSpec.EXACTLY) {
      result = specSize;
    } else {
      result = 200;
      if (specMode == MeasureSpec.AT_MOST) {
        result = Math.min(specSize, result);
      }
    }
    return result;
  }
  
  @Override
  protected void onDraw(Canvas canvas) {
    canvas.drawText("中国", 0, 80, paint);
    super.onDraw(canvas);
  }
}


上述代码,我们做了这么几件事了:

  Ⅰ、我们运用上篇文章的知识,重写了onMeasure方法,让这个简单自定义控件自适应wrap_content属性。

  Ⅱ、我们调用了OnDraw方法,拿到Canvas与paint,在view上写了"中国"文字。

  最终运行效果为:

  这就是我对Android View 如何绘制一点灼见,希望大家多提建议。


代码注释

作者:喵哥笔记

IDC笔记

学的不仅是技术,更是梦想!