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

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

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

@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方法畫(huà)出各種各樣的圖形。

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

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

　　我們既然知道了畫(huà)筆與畫(huà)布，通過(guò)一個(gè)短小精悍的例子來(lái)看畫(huà)布和畫(huà)筆怎么共同作用出一個(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í)，重寫(xiě)了onMeasure方法，讓這個(gè)簡(jiǎn)單自定義控件自適應(yīng)wrap_content屬性。

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

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

　　這就是我對(duì)Android View 如何繪制一點(diǎn)灼見(jiàn)，希望大家多提建議。

最新評(píng)論