安卓學習筆記31:使用自定義檢視繪製文字、圖形與影像

howard2005發表於2020-12-15

零、學習目標

  1. 學會使用自定義檢視
  2. 掌握畫布類的繪製方法
  3. 能夠根據需要設定畫筆類

一、自定義檢視

(一)自定義檢視概述

  • 在安卓應用開發中,既可以通過佈局配置檔案來設計使用者介面,也可以通過自定義檢視來設計控制元件與使用者介面。在自定義檢視裡,可以利用android.graphics包中提供的圖形繪製方法來繪製文字、圖形與影像,使用起來十分靈活。

(二)使用自定義檢視基本步驟

  1. 繼承View類建立自定義檢視(構造方法、繪製方法)
  2. 在MainActivity裡將自定義檢視物件設定為使用者介面
  • 說明:自定義檢視也可以直接新增到佈局檔案裡,作為使用者介面的元素

二、與繪製相關的類

  • 在自定義檢視上繪製圖形影像,會涉及到Canvas(畫布類)、Paint(畫筆類)、Drawable(可繪製類),Color(顏色類)。

(一)設定畫筆屬性

1、設定畫筆顏色

  • paint.setColor(Color.BLACK);

2、設定筆劃寬度

  • paint.setStrokeWidth(2);

3、防止鋸齒形

  • paint.setAntiAlias(true);

4、設定筆劃樣式

  • paint.setStyle(Style.STROKE);

5、設定填充樣式

  • paint.setStyle(Style.FILL);

(二)畫布類繪製方法

1、繪製直線 - drawLine

  • 語法格式:drawLine(startX, startY, stopX, stopY, paint);
  • 引數說明
    引數1:起點橫座標
    引數2:起點縱座標
    引數3:終點橫座標
    引數4:終點縱座標
    引數5:畫筆物件

2、繪製矩形 - drawRect

  • 語法格式:drawRect(rect, paint);

  • 引數說明
    引數1:矩形物件
    引數2:畫筆物件

  • 需要建立一個矩形物件:new Rect(left, top, right, bottom);

  • (left, top) —— 矩形左上角座標

  • (right, bottom) —— 矩形右下角座標

3、繪製圓 - drawCircle

  • 語法格式:drawCircle(cx, cy, radius, paint);
  • 引數說明
    引數1:圓心橫座標
    引數2:圓心縱座標
    引數3:圓半徑
    引數4:畫筆物件

4、繪製路徑 - drawPath

  • 語法格式:drawPath(path, paint);

  • 引數說明
    引數1:路徑物件
    引數2:畫筆物件

  • 關鍵是建立路徑,首先例項化,然後會呼叫三個方法:path.moveTo(x, y)、path.lineTo(x, y)、如何要讓路徑閉合,那麼呼叫path.close()方法。

5、繪製圓弧 - drawArc

  • 語法格式:canvas.drawArc(oval, startAngle, sweepAngle, useCenter, paint);
  • 引數說明
    引數1:矩形物件
    引數2:起始角度
    引數3:掃過角度
    引數4:是否使用中心
    引數5:畫筆物件

6、繪製影像 - drawBitmap

  • 語法格式:drawBitmap(bitmap, left, top, paint);
  • 引數說明
    引數1:點陣圖物件
    引數2:橫座標
    引數3:縱座標
    引數4:畫筆物件

7、繪製文字 - drawText

  • 語法格式:drawText(text, x, y, paint);
  • 引數說明
    引數1:文字
    引數2:橫座標
    引數3:縱座標
    引數4:畫筆物件

三、案例演示 - 繪製文字、圖形和影像

相關文章