快捷導(dǎo)航

Android View如何繪制

更新時(shí)間：2016年05月04日 16:39:28 作者：laozhu1124

要了解View如何繪制，就需要了解canvas（畫布）是什么？paint(畫筆)能夠做什么，想要深入了解的朋友可以參考一下

上文說(shuō)道了Android如何測(cè)量，但是一個(gè)漂亮的控件我只知道您長(zhǎng)到哪兒，這當(dāng)然不行。只需要簡(jiǎn)單重寫OnDraw方法，并在Canvas（畫布）對(duì)象上調(diào)用那根五顏六色的畫筆就能夠畫出這控件"性感"的外表。那么View又是如何進(jìn)行繪制了？

　　要了解View如何繪制，就需要了解canvas（畫布）是什么？paint(畫筆)能夠做什么。

　?、?、canvas就是表示一塊畫布，你可以在上面畫你所朝思暮想的東西。當(dāng)我們重寫onDraw方法的時(shí)候，就能夠拿到一個(gè)Canvas對(duì)象，這個(gè)就是你的舞臺(tái)，畫你所思所想。上代碼了。

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

　　　當(dāng)您需要對(duì)某某控件進(jìn)行進(jìn)行重新繪制的時(shí)候，我們只需要在這個(gè)大舞臺(tái)（Canvas）調(diào)用Canvas.DrawXXX方法畫出各種各樣的圖形。

　?、?、paint就是畫布上揮灑自如的畫筆。要畫圖，得調(diào)整畫筆，待畫筆調(diào)整好之后，再將圖像繪制到畫布上，這樣才可以顯示在手機(jī)屏幕上。Paint上提供許多屬性和方法用來(lái)設(shè)置畫筆。

　　1、setAntiAlias: 設(shè)置畫筆的鋸齒效果。
　　2、setColor: 設(shè)置畫筆顏色
　　3、setARGB: 設(shè)置畫筆的a,r,p,g值。
　　4、setAlpha: 設(shè)置Alpha值
　　5、setTextSize: 設(shè)置字體尺寸。
　　6、setStyle: 設(shè)置畫筆風(fēng)格，空心或者實(shí)心。
　　7、setStrokeWidth: 設(shè)置空心的邊框?qū)挾取?
　　8、getColor: 得到畫筆的顏色
　　9、getAlpha: 得到畫筆的Alpha值。

　　我們既然知道了畫筆與畫布，通過(guò)一個(gè)短小精悍的例子來(lái)看畫布和畫筆怎么共同作用出一個(gè)想要的圖形。老樣子，上代碼：

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("中國(guó)", 0, 80, paint);
    super.onDraw(canvas);
  }
}

上述代碼，我們做了這么幾件事了：

　　Ⅰ、我們運(yùn)用上篇文章的知識(shí)，重寫了onMeasure方法，讓這個(gè)簡(jiǎn)單自定義控件自適應(yīng)wrap_content屬性。

　?、?、我們調(diào)用了OnDraw方法，拿到Canvas與paint，在view上寫了"中國(guó)"文字。

　　最終運(yùn)行效果為：