快捷導(dǎo)航

Android原生繪圖工具Paint詳細(xì)

更新時間：2021年09月26日 17:32:40 作者：MatumbaMan

這篇文章要給大家分享的是Android原生繪圖工具Paint，android中提供了類似的工具Canvas和Paint，分別對應(yīng)畫布和畫筆，本文就來介紹Androi中的Paint，感興趣的小伙伴一起來學(xué)習(xí)下面文章內(nèi)容

Canvas擁有繪圖的請求權(quán)，想要完成繪制，需要4個基本元素：保存像素的Bitmap、一個可以調(diào)用draw方法的canvas、要繪制的內(nèi)容描述、一個畫筆。憑借這4個元素就可以繪制到一個bitmap上，然后渲染到屏幕上。

1.簡介

今天先將一下Paint的相關(guān)內(nèi)容。Paint提供了三種初始化方法：

Paint() 
Paint(int flag)
Paint(Paint paint)

2.基本屬性使用

2.1 setAlpha透明度

setAlpha(int a) 設(shè)置范圍0~255

2.2 setStyle填充樣式

填充樣式表示繪線和填充的選擇：

Paint.Style.FILL
Paint.Style.FILL_AND_STROKE
Paint.Style.STROKE

2.3 顏色，字體，對齊，抗鋸齒

setColor，setARGB設(shè)置顏色，設(shè)置畫筆的顏色，
setARGB（）參數(shù)范圍0-255。
setAntiAlias（boolean） 抗鋸齒，使邊界更順滑（有些屏幕分辨率不高，導(dǎo)致像素點比較大，繪制邊界可能會有顆粒感，打開抗鋸齒邊界顆粒感會減少）。
setTextSize(float textSize) 字體大小，單位是px，如果是dp要注意轉(zhuǎn)換。
setTextAlign(Paint.Align.RIGHT)設(shè)置字體對齊方式，根據(jù)下面的實例可以，對齊方式基于開始繪制的點。

mTextPaint.setTextAlign(Paint.Align.LEFT);
canvas.drawText("MatumbaMan的博客",200, 200, mTextPaint);

mTextPaint.setTextAlign(Paint.Align.RIGHT);
canvas.drawText("MatumbaMan的博客",200, 300, mTextPaint);

mTextPaint.setTextAlign(Paint.Align.CENTER);
canvas.drawText("MatumbaMan的博客",200, 400, mTextPaint);

2.4 setShadowLayer 陰影

setShadowLayer(float radius, float dx, float dy, int shadowColor) 設(shè)置陰影

Radius設(shè)置角度，dx，dy控制字體的上下左右出現(xiàn)，有正負(fù)之分，dx的正負(fù)代表右左，dy的正負(fù)代表下上。

mTextPaint.setTextAlign(Paint.Align.LEFT);
mTextPaint.setShadowLayer(10, -20, 40, Color.GRAY);
canvas.drawText("MatumbaMan的博客",200, 200, mTextPaint);


mTextPaint.setTextAlign(Paint.Align.RIGHT);
canvas.drawText("MatumbaMan的博客",200, 300, mTextPaint);

mTextPaint.setTextAlign(Paint.Align.CENTER);
canvas.drawText("MatumbaMan的博客",200, 400, mTextPaint);

2.5 setStrokeCap

setStrokeCap(Paint.Cap.ROUND)設(shè)置繪制起始點和結(jié)尾點的樣式，

三種樣式ROUND,BUTT,SQUARE、

Cap.ROUND(圓形)
Cap.SQUARE(方形)
Paint.Cap.BUTT(無)

Path path = new Path();
path.moveTo(100, 100);
path.lineTo(100, 200);
path.lineTo(200, 300);
canvas.drawPath(path, mPaint2);//無

path.reset();
path.moveTo(300, 100);
path.lineTo(300, 200);
path.lineTo(400, 300);
mPaint2.setStrokeCap(Paint.Cap.ROUND);//圓
canvas.drawPath(path, mPaint2);

path.reset();
path.moveTo(500, 100);
path.lineTo(500, 200);
path.lineTo(600, 300);
mPaint2.setStrokeCap(Paint.Cap.SQUARE);//方
canvas.drawPath(path, mPaint2);

2.6 setStrokeJoin

setStrokeJoin(Paint.Join join)，設(shè)置繪制path連接點的樣式

Join.MITER（結(jié)合處為銳角）
Join.Round(結(jié)合處為圓弧)
Join.BEVEL(結(jié)合處為直線)

Path path = new Path();
path.moveTo(100, 100);
path.lineTo(100, 200);
path.lineTo(200, 300);
mPaint2.setStrokeJoin(Paint.Join.MITER);
canvas.drawPath(path, mPaint2);

path.reset();
path.moveTo(300, 100);
path.lineTo(300, 200);
path.lineTo(400, 300);
mPaint2.setStrokeJoin(Paint.Join.ROUND);
canvas.drawPath(path, mPaint2);

path.reset();
path.moveTo(500, 100);
path.lineTo(500, 200);
path.lineTo(600, 300);
mPaint2.setStrokeJoin(Paint.Join.BEVEL);
canvas.drawPath(path, mPaint2);