bitmap和canvas实现图层叠加(可实现灰色遮罩)
2017-04-01 15:39
344 查看
---- bitmap和canvas画出叠加的2张照片
--- 图片1原图
------ 图片2原图
--------- 代码实现
BitmapFactory.Options options = new BitmapFactory.Options();
options.inJustDecodeBounds = true;
BitmapFactory.decodeResource(getResources(), R.drawable.icon, options);
int outWidth = options.outWidth;
int outHeight = options.outHeight;
Bitmap background2 = BitmapFactory.decodeResource(getResources(), R.drawable.icon, null);
Bitmap foreground = BitmapFactory.decodeResource(getResources(), R.drawable.sophie, null);
// 创建一个新的和SRC长度宽度一样的位图
Bitmap newbmp = Bitmap.createBitmap(outWidth, outHeight, Bitmap.Config.ARGB_8888);
Canvas cv = new Canvas(newbmp);
//draw bg into
cv.drawBitmap(background2, 0, 0, null);
// 在 0,0坐标开始画入bg
// draw fg into
cv.drawBitmap(foreground, 30, 60, null);
imageViewBlur2.setImageBitmap(newbmp);
--------画多层
BitmapFactory.Options options = new BitmapFactory.Options();
options.inJustDecodeBounds = true;
BitmapFactory.decodeResource(getResources(), R.drawable.icon, options);
int outWidth = options.outWidth;
int outHeight = options.outHeight;
Bitmap background2 = BitmapFactory.decodeResource(getResources(), R.drawable.icon, null);
Bitmap foreground = BitmapFactory.decodeResource(getResources(), R.drawable.sophie, null);
// 创建一个新的和SRC长度宽度一样的位图
Bitmap newbmp = Bitmap.createBitmap(outWidth, outHeight, Bitmap.Config.ARGB_8888);
Canvas cv = new Canvas(newbmp);
//draw bg into
cv.drawBitmap(background2, 0, 0, null);
// 在 0,0坐标开始画入bg
// draw fg into
cv.drawBitmap(foreground, 10, 30, null);
cv.drawBitmap(foreground, 20, 50, null);
cv.drawBitmap(foreground, 30, 70, null);
cv.drawBitmap(foreground, 40, 90, null);
imageViewBlur2.setImageBitmap(newbmp);
----- 由此可见,canvas实现的原理是图层的叠加,并非将上一图层给替换掉,layer叠加
----- 如果想在图片上加一层灰色遮罩,canvas实现 图层的叠加,灰色遮罩是bitmap
实现思路,在图片上再画一层0x33000000颜色的bitmap
BitmapFactory.Options options = new BitmapFactory.Options();
options.inJustDecodeBounds = true;
BitmapFactory.decodeResource(getResources(), R.drawable.icon, options);
int outWidth = options.outWidth;
int outHeight = options.outHeight;
Bitmap foreground = Bitmap.createBitmap(outWidth, outHeight, Bitmap.Config.ARGB_8888);
foreground.eraseColor(0x4d000000);//填充颜色
Bitmap background2 = BitmapFactory.decodeResource(getResources(), R.drawable.icon, null);
// Bitmap foreground = BitmapFactory.decodeResource(getResources(), R.drawable.sophie, null);
// 创建一个新的和SRC长度宽度一样的位图
Bitmap newbmp = Bitmap.createBitmap(outWidth, outHeight, Bitmap.Config.ARGB_8888);
Canvas cv = new Canvas(newbmp);
//draw bg into
cv.drawBitmap(background2, 0, 0, null);
//画前景
cv.drawBitmap(foreground, 0, 0, null);
imageViewBlur2.setImageBitmap(newbmp);
① Bitmap不借助canvas创建颜色填充bitmap
eraseColor
void eraseColor (int c)
Fills the bitmap's pixels with the specified Color.
--- 图片1原图
------ 图片2原图
--------- 代码实现
BitmapFactory.Options options = new BitmapFactory.Options();
options.inJustDecodeBounds = true;
BitmapFactory.decodeResource(getResources(), R.drawable.icon, options);
int outWidth = options.outWidth;
int outHeight = options.outHeight;
Bitmap background2 = BitmapFactory.decodeResource(getResources(), R.drawable.icon, null);
Bitmap foreground = BitmapFactory.decodeResource(getResources(), R.drawable.sophie, null);
// 创建一个新的和SRC长度宽度一样的位图
Bitmap newbmp = Bitmap.createBitmap(outWidth, outHeight, Bitmap.Config.ARGB_8888);
Canvas cv = new Canvas(newbmp);
//draw bg into
cv.drawBitmap(background2, 0, 0, null);
// 在 0,0坐标开始画入bg
// draw fg into
cv.drawBitmap(foreground, 30, 60, null);
imageViewBlur2.setImageBitmap(newbmp);
--------画多层
BitmapFactory.Options options = new BitmapFactory.Options();
options.inJustDecodeBounds = true;
BitmapFactory.decodeResource(getResources(), R.drawable.icon, options);
int outWidth = options.outWidth;
int outHeight = options.outHeight;
Bitmap background2 = BitmapFactory.decodeResource(getResources(), R.drawable.icon, null);
Bitmap foreground = BitmapFactory.decodeResource(getResources(), R.drawable.sophie, null);
// 创建一个新的和SRC长度宽度一样的位图
Bitmap newbmp = Bitmap.createBitmap(outWidth, outHeight, Bitmap.Config.ARGB_8888);
Canvas cv = new Canvas(newbmp);
//draw bg into
cv.drawBitmap(background2, 0, 0, null);
// 在 0,0坐标开始画入bg
// draw fg into
cv.drawBitmap(foreground, 10, 30, null);
cv.drawBitmap(foreground, 20, 50, null);
cv.drawBitmap(foreground, 30, 70, null);
cv.drawBitmap(foreground, 40, 90, null);
imageViewBlur2.setImageBitmap(newbmp);
----- 由此可见,canvas实现的原理是图层的叠加,并非将上一图层给替换掉,layer叠加
----- 如果想在图片上加一层灰色遮罩,canvas实现 图层的叠加,灰色遮罩是bitmap
实现思路,在图片上再画一层0x33000000颜色的bitmap
BitmapFactory.Options options = new BitmapFactory.Options();
options.inJustDecodeBounds = true;
BitmapFactory.decodeResource(getResources(), R.drawable.icon, options);
int outWidth = options.outWidth;
int outHeight = options.outHeight;
Bitmap foreground = Bitmap.createBitmap(outWidth, outHeight, Bitmap.Config.ARGB_8888);
foreground.eraseColor(0x4d000000);//填充颜色
Bitmap background2 = BitmapFactory.decodeResource(getResources(), R.drawable.icon, null);
// Bitmap foreground = BitmapFactory.decodeResource(getResources(), R.drawable.sophie, null);
// 创建一个新的和SRC长度宽度一样的位图
Bitmap newbmp = Bitmap.createBitmap(outWidth, outHeight, Bitmap.Config.ARGB_8888);
Canvas cv = new Canvas(newbmp);
//draw bg into
cv.drawBitmap(background2, 0, 0, null);
//画前景
cv.drawBitmap(foreground, 0, 0, null);
imageViewBlur2.setImageBitmap(newbmp);
① Bitmap不借助canvas创建颜色填充bitmap
eraseColor
void eraseColor (int c)
Fills the bitmap's pixels with the specified Color.
Bitmap foreground = Bitmap.createBitmap(outWidth, outHeight, Bitmap.Config.ARGB_8888); foreground.eraseColor(0x4d000000);//填充颜色
相关文章推荐
- AS3 使用Bitmap+Matrix实现的:径向+转旋+叠加图层效果的模糊效果
- 使用TiledLayer类及Canvas类实现游戏背景图层 推荐
- [转]ArcGIS.Server.9.3和ArcGIS API for Flex实现动态图层和瓦片图层叠加显示(二)
- CSS高效开发实战:CSS 3、LESS、SASS、Bootstrap、Foundation --读书笔记(2)CSS3利用图层叠加实现多背景
- Android Canvas的drawBitmapMesh实现扭曲图像
- Jquery实现遮罩层,就是弹出DIV周围都灰色不能操作
- ArcGIS.Server.9.3和ArcGIS API for Flex实现动态图层和瓦片图层叠加显示(二)
- PhotoShop图层混合模式的Canvas实现
- Android canvas.drawBitmap实现透明效果
- 用div实现图层叠加
- canvas实现遮罩效果
- ArcGIS.Server.9.3和ArcGIS API for Flex实现动态图层和瓦片图层叠加显示(二)
- android中canvas和bitmap实现不同图像合并
- ArcGIS.Server.9.3和ArcGIS API for Flex实现动态图层和瓦片图层叠加显示(二)
- CSS高效开发实战:CSS 3、LESS、SASS、Bootstrap、Foundation --读书笔记(2)CSS3利用图层叠加实现多背景
- 使用Layer List实现多图层叠加
- 使用TiledLayer类及Canvas类实现游戏背景图层
- Jquery实现遮罩层,就是弹出DIV周围都灰色不能操作
- 【坑爹的c#】用bitmap和picturebox实现多张png的透明叠加
- 通过Canvas的叠加实现Android中环形View的颜色填充动画效果