在APP开发的过程中会有一些这样的需求,设定一些固定的模板(背景固定),上面可以任意添加一些图案或者文字,然后保存到本地或者分享出去,简单的说就是图片合成,并在上面画一些logo或者文字。
实际开发时,我遇到了一些问题,比如合成的图片不是背景有问题,就是前景有问题,或者就是在这个手机上是正常的,换成其他手机就有问题了。。。
图片合成
这里的图片合成主要使用的是Bitmap与Canvas来进行的。
大致思路:
- 获取背景Bitmap与前景要绘制的内容(前景可能是图片或者文字的混合)
- 根据要求进行缩放,得到所需要的bitmap
- 利用Canvas绘制背景与前景内容
- 保存得到绘制之后的bitmap
- 根据最后得到的bitmap进行保存或者分享
其中最容易出现问题的就是尺寸的缩放,及canvas绘制的时候位置不正确,导致绘制出来的图片乱七八槽。
出现上述问题最关键的就是bitmap的density取值,进而导致计算宽高与绘制位置出现问题。
所以直接来个结论:搞明白bitmap的density的使用,得到正确的宽高,然后无论怎样进行缩放,计算绘制位置等都不会出错了。
需求场景一
背景是一个固定图片(背景图片存放在assets目录),前景是一个二维码,其中二维码的内容是动态的,然后合成一张图片,保存到本地并分享出去。
需求场景二
背景是一个固定图片(背景图片存放在res目录,任意hdpi目录),前景是一个二维码,其中二维码的内容是动态的,然后合成一张图片,保存到本地并分享出去。
需求场景三
背景是一个固定图片(背景图片存放在res目录,任意hdpi目录),前景是通过网络获取的图片,然后合成一张图片再保存分享。
需求场景四
背景和前景图片都是动态的,然后合成一张图片,保存到本地并分享。
以上三个场景是比较常用的图片合成。按照前面的思路讲解,关键还是获取Bitmap。
- 从assets目录获取到的bitmap 其density取值是多少 ?
- 从网络获取到的图片,转换成bitmap之后它的density取值是多少?
- 从res资源目录任意dpi目录获取的图片bitmap,它的density取值是多少?
- 通过create方式创建一个新的bitmap,它的density取值是多少?
- 通过以上几种方式取到的bitmap,它的density取值与设备自身的density取值有关系吗?
- 拍照或者从相册选择的照片bitmap?
验证: 从assets目录获取到的bitmap 其density取值是多少 ?
验证:通过create方式创建一个新的bitmap,它的density取值是多少?
AssetManager assetManager = getResources().getAssets();
InputStream open = assetManager.open("china_map_assets.jpg");
Bitmap bitmap = BitmapFactory.decodeStream(open);
KLog.e("==从assets目录=====getDensity==" + bitmap.getDensity());
KLog.e("==从assets目录=====getWidth===" + bitmap.getWidth()
+ "===getHeight==" + bitmap.getHeight());
Bitmap bitmap_FromCreate = Bitmap.createBitmap(500,500, Bitmap.Config.ARGB_8888);
KLog.e("==直接创建bitmap===设置前==getDensity==" + bitmap_FromCreate.getDensity());
bitmap_FromCreate.setDensity(DisplayMetrics.DENSITY_XXHIGH);
KLog.e("==直接创建bitmap==设置后===getDensity==" + bitmap_FromCreate.getDensity());
断点查看
直接创建bitmap
Bitmap bitmap1 = Bitmap.createBitmap(500,500, Bitmap.Config.ARGB_8888);
不分析底层C++代码,由此可见,通过assets目录或者直接通过bitmap.createBitmap
方式在未指定density的情况下,取得到的density是设备参数默认的densityDP
I取值,另外可以通过bitmap.setDensity
方式来主动设定bitmap所采用的density 。
从res资源目录任意dpi目录获取的图片bitmap,它的density取值是多少?
很显然在计算的过程中被缩放了,图片是放在xxdpi
目录,这个目录的dpi取值是480,然而通过getDrawable
获取得的bitmap取值却和设备density取值一样都是420,这是420/480 * 4207 = 0.875*4207 = 3681.125
由此可以获取得的图片bitmap与设备density一致,若想正确的获取图片的原始尺寸,需要指定图片所在目录的dpi,若未指定,得到的bitmap尺寸会按照设备density/指定dpi * 图片原始尺寸。scale*图片原始尺寸 ,scale = 设备density/指定dpi
。
验证从网络获取到的图片,转换成bitmap之后它的density取值是多少?
GlideApp.with(this)
.load("http://img30.360buyimg.com/sku/jfs/t1/121489/14/17060/82733/5f9d1584Ecb60d0ff/e8082c7630b1798f.jpg")
.into(new SimpleTarget<Drawable>() {
@Override
public void onResourceReady(@NonNull Drawable resource, @Nullable Transition<? super Drawable> transition) {
if (resource instanceof BitmapDrawable) {
BitmapDrawable bitmapDrawable = (BitmapDrawable) resource;
Bitmap bitmap = bitmapDrawable.getBitmap();
KLog.e("===getDensity======" + bitmap.getDensity()
+ "============getWidth=" + bitmap.getWidth() + "===getHeight=" + bitmap.getHeight());
}else {
KLog.e("========not bitmapDrawable");
}
}
});
===getDensity======420============getWidth=750===getHeight=656
通过网络请求和图片转换成bitmap之后,其density与设备densityDPI
一致,宽高是原始尺寸
Bitmap bitmap = BitmapFactory.decodeResource(getResources(), R.mipmap.china_map_xxhdpi);
bitmap.getDensity();
这个时候density的取值也是设备densityDPI,未指定options,默认可以缩放,另外getResources().getDrawable(R.mipmap.china_map_xxhdpi)
这个取得的bitmapDrawable最后也是通过 BitmapFactory.decodeResource获得的bitmap,然后再包装成bitmapDrawable