Paint颜色相关

2018-11-15  本文已影响0人  jadefly

颜色相关:color、shader、colorFilter、Xfermode


1.直接设置颜色

setColor(int color)

setARGB(int a, int r, int g, int b)参数为透明度及三原色


2.设置着色器

着色器:图形领域里一个通用的概念,是一种颜色方案或着色规则。

setShader(Shader shader)

Shader.TileMode:端点范围之外的着色规则

CLAMP:在端点之外延续端点处的颜色(即超出边缘使用边缘处颜色)

MIRROR:镜像模式

REPEAT:重复模式

平铺方式

LinearGradient 线性渐变

简介:设置两个点作为端点,使用两个或一组颜色实现颜色的渐变效果。

构造:LinearGradient(float x0, float y0, float x1, float y1, int color0, int color1, Shader.TileMode tile) 。

           LinearGradient(float x0, float y0, float x1, float y1, int[] colors, float[] positions, Shader.TileMode tile);

参数:x0 y0 x1 y1:渐变的两个端点的位置 

           color0,color1,int[] colors:两个或一组颜色

           positions:颜色数组的相对位置

           tile:平铺方式

RadialGradient 辐射渐变

简介:从中心向周围辐射状的渐变。

构造方法: RadialGradient(float centerX, float centerY, float radius, int centerColor, int edgeColor, TileMode tileMode);

                   RadialGradient (float x, float y, float radius, int[] colors, float[] positions, Shader.TileMode tile);

参数:centerX centerY:辐射中心的坐标 

           radius:辐射半径 

           centerColor,edgeColor,int[] colors:辐射中心、边缘的颜色或一组颜色

SweepGradient 扫描、梯度渐变

简介:以某个点位中心旋转一周所形成的效果。

构造:SweepGradient(float cx, float cy, int color0, int color1)

           SweepGradient (float cx, float cy, int[] colors, float[] positions);

参数:cx cy :扫描的中心

           color0,color1,colors:起始颜色或颜色数组

BitmapShader 位图着色

简介:用 Bitmap 的像素来作为图形或文字的填充。

构造方法: BitmapShader(Bitmap bitmap, Shader.TileMode tileX, Shader.TileMode tileY)

参数: bitmap:用来做模板的 Bitmap 对象 

            tileX:X轴方向上位图的衔接形式

            tileY:Y轴方向上位图的衔接形式

ComposeShader混合着色器

简介:着色效果的叠加,比如将BitmapShader与LinearGradient的混合渲染 。

构造:ComposeShader(Shader shaderA, Shader shaderB, PorterDuff.Mode mode);

参数:shaderA, shaderB:两个相继使用的 Shader 

           mode:两个 Shader 的叠加模式

使用

使用

3.颜色过滤

简介:为绘制的内容设置一个统一的过滤策略,然后 Canvas.drawXXX() 方法会对每个像素都进行过滤后再绘制出来。

setColorFilter(ColorFilter colorFilter)

颜色相关知识

光的三原色:红、绿、蓝(三色相加是白色,所以是加色模式,即黑色环境中用光后环境变亮)

色(颜料)的三原色:红、黄、蓝(三色相加是黑色,所以是减色模式,即在白色材料上使用颜料后让它变暗了)

RGBA模型:R(Red红色),G(Green绿色),B(Blue蓝色),A(Alpha透明度)

色调(色相/颜色):物体的颜色

饱和度(彩度):色彩的鲜艳度。颜色的纯度:0(灰)~100%(饱和)

亮度(明度):眼睛对光源和物体表面的明暗程度的感觉,主要是由光线强弱决定的一种视觉经验

LightingColorFilter 光照色彩过滤器

简介:通过改变光照来实现颜色过滤,可以用来模拟简单的灯光效果。

构造:LightingColorFilter(int mul, int add)

参数:mul:色彩倍增,用来和目标像素相乘

           add:色彩添加,用来和目标像素相加(都是16进制的色彩值)

算法: (RGB值 * mul + Add) % 255,从而得到新的RPG值,整个过程中Alpha不参与改变;

PorterDuffColorFilter混排颜色过滤器

简介:通过指定具体颜色值和PorterDuff混合模式来实现图片颜色的改变。

构造:PorterDuffColorFilter(int color, PorterDuff.Mode mode) 

使用:paint.setColorFilter(new PorterDuffColorFilter(color,mode));

           img.setColorFilter(new PorterDuffColorFilter(color,mode));

效果

ColorMatrixColorFilter颜色矩阵过滤器

ColorMatrix颜色矩阵:是(4 * 5)的一个颜色矩阵,1~4行定义RGBA,第五列定义颜色偏移量

矩阵 简单使用

使用封好的api修改颜色矩阵:

setRotate(int axis, float degrees):设置色调

setSaturation(float sat):设置饱和度

setScale(float rScale, float gScale, float bScale, float aScale):设置亮度

api使用

4.处理源图像和 View 已有内容的关系(混合计算方式)

setXfermode(Xfermode xfermode)

Xfermode:指的是你要绘制的内容和 Canvas 的目标位置的内容应该怎样结合计算出最终的颜色

PorterDuff.Mode:用来指定两个图像共同绘制时的颜色策略。(目前只有这个子类)

18种模式

在API中Android为我们提供了18种模式(比上图多了两种ADD和OVERLAY)

1.Alpha 合成 (Alpha Compositing):PorterDuff算法(描述了12种关于 Alpha 通道将两个图像共同绘制的操作)

2.混合 (Blending):操作颜色的本身Photoshop软件里的那些模式(与Alpha、PorterDuff无关,属于Google官方加入的)

CLEAR:清除图像

SRC:只显示源图像

DST:只显示目标图像

SRC_OVER:将源图像放在目标图像上方

DST_OVER:将目标图像放在源图像上方

SRC_IN:只在源图像和目标图像相交的地方绘制【源图像】

DST_IN:只在源图像和目标图像相交的地方绘制【目标图像】,绘制效果受到源图像对应地方透明度影响

SRC_OUT:只在源图像和目标图像不相交的地方绘制【源图像】,

                     相交的地方根据目标图像的对应地方的alpha进行过滤,目标图像完全不透明则完全过滤,完全透明则不过滤

DST_OUT:只在源图像和目标图像不相交的地方绘制【目标图像】,

                     在相交的地方根据源图像的alpha进行过滤,源图像完全不透明则完全过滤,完全透明则不过滤

SRC_ATOP:在源图像和目标图像相交的地方绘制【源图像】,在不相交的地方绘制【目标图像】,

                       相交处的效果受到源图像和目标图像alpha的影响

DST_ATOP:在源图像和目标图像相交的地方绘制【目标图像】,在不相交的地方绘制【源图像】,

                       相交处的效果受到源图像和目标图像alpha的影响

XOR:在源图像和目标图像相交的地方之外绘制它们,在相交的地方受到对应alpha和色值影响,如果完全不透明则相交处完全不绘制

DARKEN:变暗,较深的颜色覆盖较浅的颜色,若两者深浅程度相同则混合

LIGHTEN:变亮,与DARKEN相反,DARKEN和LIGHTEN生成的图像结果与Android对颜色值深浅的定义有关

MULTIPLY:正片叠底,源图像素颜色值乘以目标图像素颜色值除以255得到混合后图像像素颜色值

SCREEN:滤色,色调均和,保留两个图层中较白的部分,较暗的部分被遮盖

ADD:饱和相加,对图像饱和度进行相加,不常用

OVERLAY:叠加

离屏缓冲(Off-screen Buffer)

简介:把内容绘制在额外的缓冲层上,再把绘制好的内容贴回 View 中(解决直接绘制View层时范围外区域为黑色的问题)

两种方式:

1.Canvas.saveLayer():可以做短时的离屏缓冲

    int saved = canvas.saveLayer(null, null, Canvas.ALL_SAVE_FLAG);

    canvas.drawXXX();

    canvas.restoreToCount(saved);

2.View.setLayerType():直接把整个 View 都绘制在离屏缓冲中

    setLayerType(LAYER_TYPE_HARDWARE):使用 GPU 来缓冲

    setLayerType(LAYER_TYPE_SOFTWARE) :直接用一个 Bitmap 来缓冲

控制好透明区域

由于透明区域过小而覆盖不到的地方,将不会受到 Xfermode 的影响
上一篇下一篇

猜你喜欢

热点阅读