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

2019-10-23 18:33:48

字體：大中小

供稿：網(wǎng)友

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

1、如何自定義一個(gè)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>

上面就是自定義了一個(gè)LeafView最簡(jiǎn)單的寫法。當(dāng)然界面上什么都不會(huì)顯示，除了LinearLayout的背景色

Android,自定義View

2、onDraw(Canvas canvas)方法

我們現(xiàn)來看下面一段代碼，畫出一個(gè)紅色的正方形

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);  }}

Android,自定義View

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

1、onSizeChanged() 當(dāng)View的大小發(fā)生改變時(shí)，會(huì)調(diào)用此方法。這里我們獲取View的長(zhǎng)和寬

2、onDraw(Canvas canvas) 這個(gè)方法就是自定義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（畫布）類

可以用來實(shí)現(xiàn)各種圖形的繪制工作，如繪制直線、矩形、圓等等

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

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

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

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

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

Paint(畫筆）類

要繪制圖形，首先得調(diào)整畫筆，按照自己的開發(fā)需要設(shè)置畫筆的相關(guān)屬性

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

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

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