安卓學習筆記31:使用自定義檢視繪製文字、圖形與影像
文章目錄
零、學習目標
- 學會使用自定義檢視
- 掌握畫布類的繪製方法
- 能夠根據需要設定畫筆類
一、自定義檢視
(一)自定義檢視概述
- 在安卓應用開發中,既可以通過佈局配置檔案來設計使用者介面,也可以通過自定義檢視來設計控制元件與使用者介面。在自定義檢視裡,可以利用android.graphics包中提供的圖形繪製方法來繪製文字、圖形與影像,使用起來十分靈活。
(二)使用自定義檢視基本步驟
- 繼承View類建立自定義檢視(構造方法、繪製方法)
- 在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:畫筆物件
三、案例演示 - 繪製文字、圖形和影像
相關文章
- 使用css繪製圖形CSS
- 【Android自定義View】繪圖之文字篇(三)AndroidView繪圖
- 視覺化學習:使用WebGL繪製圓形,實現色盤視覺化Web
- Android自定義View之Paint繪製文字和線AndroidViewAI
- 繪製圖形
- MATLAB圖形繪製練習(一)Matlab
- Qt繪製自定義箭頭圖元QT
- flutter 用 CustomPaint 繪製自定義圖案FlutterAI
- 2018.03.15、View 繪製流程學習 筆記View筆記
- 安卓初學基礎學習筆記安卓筆記
- Unreal學習筆記2-繪製簡單三角形Unreal筆記
- matplotlib繪製圖形
- java:繪製圖形Java
- 安卓學習筆記20:Fragment入門安卓筆記Fragment
- Flutter自定義繪製(1)- 繪製基礎Flutter
- 使用joinjs繪製流程圖(六)-自定義節點成html元素JS流程圖HTML
- 使用Matplotlib繪製3D圖形3D
- iOS學習筆記--PresentedVC自定義彈窗iOS筆記
- Flutter 自定義繪製 ViewFlutterView
- Python自定義詞雲圖形狀和文字顏色Python
- flutter 自定義view 繪製曲線統計圖FlutterView
- Pytest學習筆記6-自定義標記mark筆記
- Python學習筆記:過濾N位數並繪製折線圖Python筆記
- css繪製特殊圖形CSS
- 自定義檢視---圓角柱狀圖(一)
- Unity3D學習筆記1——繪製一個三角形Unity3D筆記
- Flutter自定義繪製Widget初探Flutter
- 圖形學學習筆記二:觀測變換筆記
- canvas學習筆記-繪製矩形及路徑(一)Canvas筆記
- OpenGL 學習系列---基本形狀的繪製
- 5.9安卓開發日記31安卓
- 步步學習自定義View:Hencoder 精簡版學習筆記(一)View筆記
- 自定義檢視指令
- 安卓自定義的AlertDialog的一些使用安卓
- 安卓學習筆記---開篇(目錄結構)安卓筆記
- matplotlib的直方圖繪製(筆記)直方圖筆記
- iOS學習筆記04 檢視切換iOS筆記
- Shader 繪製基礎圖形