onDraw(Canvas canvas)
我們知道繪制是需要重寫(xiě)onDraw的家肯，但是具體實(shí)現(xiàn)是依靠涂料Paint以及畫(huà)布Canvas來(lái)實(shí)現(xiàn)的，看下官方文檔api
Paint:Paint類包含如何繪制幾何圖形、文本和位圖的樣式和顏色信息.
常用的方法：
Paint.setStyle(Style style)設(shè)置繪制模式
Paint.setColor(int color)設(shè)置顏色
Paint.setStrokeWidth(float width)設(shè)置線條寬度
Paint.setTextSize(float textSize) 設(shè)置文字大小
Paint.setAntiAlias(boolean aa) 設(shè)置抗鋸齒開(kāi)關(guān) 顯得平滑
paint.setStrokeCap設(shè)置線帽
// 無(wú)線帽
paint.setStrokeCap(Paint.Cap.BUTT);
canvas.drawLine(100, 200, 400, 200, paint);
// 方形線帽
paint.setStrokeCap(Paint.Cap.SQUARE);
canvas.drawLine(100, 400, 400, 400, paint);
// 圓形線帽
paint.setStrokeCap(Paint.Cap.ROUND);
canvas.drawLine(100, 600, 400, 600, paint);
線帽效果.png
- paint.setStrokeJoin 連接處外邊緣的連接方式
Path path = new Path();
path.moveTo(100, 100);
path.lineTo(450, 100);
path.lineTo(100, 300);
paint.setStrokeJoin(Paint.Join.MITER); //連接的外邊緣以銳角相交
canvas.drawPath(path, paint);
path.moveTo(100, 400);
path.lineTo(450, 400);
path.lineTo(100, 600);
paint.setStrokeJoin(Paint.Join.BEVEL); //連接的外邊緣以直線相遇。
canvas.drawPath(path, paint);
path.moveTo(100, 700);
path.lineTo(450, 700);
path.lineTo(100, 900);
paint.setStrokeJoin(Paint.Join.ROUND); //連接的外邊緣與圓弧相交
canvas.drawPath(path, paint);
image.png
- paint.setPathEffect(new CornerPathEffect("半徑"));
canvas.drawPath(path, paint);
paint.setColor(Color.RED);
paint.setPathEffect(new CornerPathEffect(100));
canvas.drawPath(path, paint);
paint.setPathEffect(new CornerPathEffect(200));
paint.setColor(Color.YELLOW);
canvas.drawPath(path, paint);
image.png
- Paint.setShader()設(shè)置著色器
/**線性漸變
* x0, y0, 起始點(diǎn)
* x1, y1, 結(jié)束點(diǎn)
* int[] mColors, 中間依次要出現(xiàn)的幾個(gè)顏色
* float[] positions,數(shù)組大小跟colors數(shù)組一樣大福侈，
* 中間依次擺放的幾個(gè)顏色分別放置在那個(gè)位置上(參考比例從左往右)
*/
LinearGradient linearGradient =
new LinearGradient( 0, 0,800, 800, mColors, null, Shader.TileMode.CLAMP);
paint.setShader(linearGradient);
canvas.drawRect(0, 0, 800, 800, mPaint);
image.png
圓形漸變RadialGradient
image.png
掃描漸變SweepGradient
image.png
Canvas：畫(huà)布類包含“繪制”調(diào)用。要畫(huà)一些東西卢未，你需要4個(gè)基本的組件:一個(gè)位圖來(lái)保存像素癌刽，一個(gè)畫(huà)布來(lái)容納繪制調(diào)用(寫(xiě)入位圖)，一個(gè)繪圖原語(yǔ)(例如尝丐，矩形，路徑衡奥，文本爹袁，位圖)，以及一個(gè)油漆(用來(lái)描述繪圖的顏色和樣式)矮固。
常用方法：Canvas提供一系列drawXXX方法
paint.setColor(Color.RED);
//設(shè)置畫(huà)筆的風(fēng)格 填滿 描邊
paint.setStyle(Paint.Style.FILL_AND_STROKE);
paint.setStrokeWidth(20);
//設(shè)置抗鋸齒 true 表面看著平滑
paint.setAntiAlias(true);
//畫(huà)圓
canvas.drawCircle(150, 900, 80, paint);
//畫(huà)線
canvas.drawLine(50, 50, 200, 50, paint);
//畫(huà)矩形
canvas.drawRect(50, 100, 200, 400, paint);
//畫(huà)橢圓
canvas.drawOval(50, 450, 300, 600, paint);
//畫(huà)圓角矩形
/**
* @param rx The x-radius of the oval used to round the corners
* @param ry The y-radius of the oval used to round the corners
*/
canvas.drawRoundRect(50, 650, 300, 800, 20, 20, paint);
paint.setColor(Color.BLACK);
paint.setStyle(Paint.Style.FILL);
// 繪制扇形
canvas.drawArc(300, 100, 900, 500, -110, 100, true, paint); //前四個(gè)參數(shù)是矩形的左上角以及右下角坐標(biāo)失息，
//第五個(gè)第六個(gè)是起始角度 第七個(gè)是是否封口
// 繪制弧形
canvas.drawArc(300, 100, 900, 500, 20, 140, false, paint);
paint.setStyle(Paint.Style.STROKE);
// 繪制不封口的弧形
canvas.drawArc(300, 100, 900, 500, 180, 60, false, paint);
}
image.png
Path類
Paint paint = new Paint();
paint.setColor(Color.GREEN);
paint.setAntiAlias(true);
paint.setStyle(Paint.Style.STROKE);
paint.setStrokeWidth(15);
Path path = new Path();
// 畫(huà)斜線 //默認(rèn)起始點(diǎn)0
path.lineTo(200, 200);
//移動(dòng)起始點(diǎn)
path.moveTo(300, 400);
//畫(huà)豎線
path.lineTo(300, 770);
//相對(duì)當(dāng)前的位置(300, 770) 在x，y移動(dòng)
path.rLineTo(500,220);
canvas.drawPath(path,paint);
image.png
上面在添加一句path.close();效果和 lineTo(起點(diǎn)坐標(biāo)) 是一樣的
image.png
以上為Paint档址，Path盹兢，Canvas常見(jiàn)用法
