Canvas填充绘制
在前例中咱们使用canvas.drawXXX
方法绘制填充图形的时候,填充的都是单一颜色,有同窗们可能要提出问题啦,你看那个其余绘制软件里面均可以填充图片,咱们能不能也填充图片啊?web
固然能够,这里就须要介绍下Paint.setShader(Shader shader)
,经过这个函数咱们就能够为画笔设置一个图片填充了,在绘制时利用它就能够绘制图片填充图形了。那么Shader
是什么呢?canvas
Shader is the based class for objects that return horizontal spans of colors during drawing. A subclass of Shader is installed in a Paint calling paint.setShader(shader). After that any object (other than a bitmap) that is drawn with that paint will get its color(s) from the shader.微信
从上述引用咱们能够看出,Shader
是一个控制绘制期间画笔颜色变化的基类,一般咱们能够经过Paint.setShader
方法为画笔设置Shader
子类对象,这样在绘制过程当中画笔就会从Shader
子类中取色进行绘制。函数
要使得画笔使用图片做为填充背景,咱们就须要使用Shader
的子类-BitmapShader
,其用于将Bitmap
做为纹理绘制。编码
一块儿看下怎么使用吧,定义画笔对象:spa
Paint paint = new Paint(Paint.ANTI_ALIAS_FLAG);
paint.setStyle(Paint.Style.FILL);
从res
资源中读取图片对象,并对其进行压缩,代码以下:.net
Bitmap bitmap = BitmapFactory.decodeResource(getResources(), R.drawable.photo);
Bitmap scaledBitmap = scaleBitmap(bitmap,0.2f);
声明BitmapShader
对象并设置到画笔内部,代码以下:code
BitmapShader bitmapShader = new BitmapShader(scaledBitmap, TileMode.MIRROR, TileMode.MIRROR);
paint.setShader(bitmapShader);
这里BitmapShader
的构造函数BitmapShader(@NonNull Bitmap bitmap, @NonNull TileMode tileX, @NonNull TileMode tileY)
中,bitmap
为要做为纹理的Bitmap
对象,tileX
为当X
轴方向绘制宽度不等于图片宽度时的重复方式,tileY
为Y
轴方向绘制高度不等于图片高度的重复方案,tileX
及tileY
的可选取值有:orm
TileMode.CLAMP
:超过部分裁剪掉,采用边界外色值绘制对象TileMode.REPEAT
:使用平铺方式填充TileMode.MIRROR
:使用对称镜像方式填充
继续上面代码部分,使用canvas
绘制一个图形,这里图形宽高均采用放缩后图片宽高,代码以下:
canvas.drawOval(0,0,scaledBitmap.getWidth(),scaledBitmap.getHeight(),paint);
运行效果以下:
呦吼,一不当心发生了圆形头像的一种实现方式。接下来咱们来试下TileMode
的其余几种填充方式。
TileMode.CLAMP
修改图形宽高为400,400后运行,效果以下:
BitmapShader bitmapShader = new BitmapShader(scaledBitmap, TileMode.CLAMP, TileMode.CLAMP);
canvas.drawOval(0,0,400,400,paint);
TileMode.REPEAT
修改图形宽高为getWidth()
,getHeight()
后运行,效果以下:
BitmapShader bitmapShader = new BitmapShader(scaledBitmap, TileMode.REPEAT, TileMode.REPEAT);
canvas.drawRect(0,0,getWidth(),getHeight(),paint);
修改图形宽高为getWidth()
,getHeight()
后运行,效果以下:
BitmapShader bitmapShader = new BitmapShader(scaledBitmap, TileMode.MIRROR, TileMode.MIRROR);
paint.setShader(bitmapShader);
canvas.drawRect(0,0,getWidth(),getHeight(),paint);
本文分享自微信公众号 - 小海编码日记(gh_1f87b8c00ede)。
若有侵权,请联系 support@oschina.cn 删除。
本文参与“OSC源创计划”,欢迎正在阅读的你也加入,一块儿分享。