快捷導(dǎo)航

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

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

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

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

1.簡(jiǎn)介

今天先將一下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 顏色，字體，對(duì)齊，抗鋸齒

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

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è)置繪制起始點(diǎn)和結(jié)尾點(diǎn)的樣式，

三種樣式ROUND,BUTT,SQUARE、

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

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

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連接點(diǎn)的樣式

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