Android自定義View中Paint、Rect、Canvas介紹（一）

2019-12-12 03:18:01

字體：大中小

來源：轉載

供稿：網友

自定義View對于新手而言貌似是一個很復雜的東西。格式，各函數的意義。對于大神經常忘記各函數及一些參數的具體寫法及意義，剛好在做一個風車效果，把過程及遇到的問題都寫下來

1、如何自定義一個View

public class LeafView extends View {  private String TAG = "--------LeafView";  public LeafView(Context context, AttributeSet attrs) {    super(context, attrs);    Log.i(TAG, "我是自定義View： LeafView");  }}

<LinearLayout  android:layout_width="match_parent"  android:layout_height="100dp"  android:orientation="vertical"  android:background="@color/colorPrimary"  >  <com.my.LeafView    android:id="@+id/leafView"    android:layout_width="50dp"    android:layout_height="50dp"    android:layout_gravity="center_horizontal"    /> </LinearLayout>

上面就是自定義了一個LeafView最簡單的寫法。當然界面上什么都不會顯示，除了LinearLayout的背景色

2、onDraw(Canvas canvas)方法

我們現來看下面一段代碼，畫出一個紅色的正方形

public class MyView extends View {  private String TAG = "--------MyView";  private int width, height;  public MyView(Context context, AttributeSet attrs) {    super(context, attrs);  }  @Override  protected void onSizeChanged(int w, int h, int oldw, int oldh) {    super.onSizeChanged(w, h, oldw, oldh);    width = w;    height = h;  }  @Override  protected void onDraw(Canvas canvas) {    super.onDraw(canvas);    Rect rect = new Rect(0, 0, width, height);    Paint paint = new Paint();    paint.setColor(Color.RED);    canvas.drawRect(rect, paint);  }}

通過看上面代碼，有一個onSizeChanged()、onDraw()、canvas.drawRect()方法，有一個Paint, Rect, Canvas類

1、onSizeChanged() 當View的大小發生改變時，會調用此方法。這里我們獲取View的長和寬

2、onDraw(Canvas canvas) 這個方法就是自定義View的核心。繪制各種圖形

  protected void onDraw(Canvas canvas) {    super.onDraw(canvas);    Rect rect = new Rect(0, 0, width, height);    Paint paint = new Paint();    paint.setColor(Color.RED);    canvas.drawRect(rect, paint);  }

Canvas（畫布）類

可以用來實現各種圖形的繪制工作，如繪制直線、矩形、圓等等

1、繪制直線：canvas.drawLine();

2、繪制矩形：canvas.drawRect();

3、繪制圓形：canvas.drawCircle();

4、繪制字符：canvas.drawText();

5、繪制圖形：canvas.drawBirmap();

Paint(畫筆）類

要繪制圖形，首先得調整畫筆，按照自己的開發需要設置畫筆的相關屬性

1、setAntiAlias()：設置畫筆的鋸齒效果

2、setColor()：設置畫筆的顏色

3、setARGB()：設置畫筆的A、R、G、B值