实现图片的拼接

乍看标题之下，总有种感觉似乎逼格很高嘛，其实不然，又是一蛋疼的需求给逼出来的！貌似这种需求没什么用武之地，但不管怎么说，领导的需求你永远都不会懂...

回顾前段时间，有过一个项目，在项目中有一个地方的需求为，点击某按钮，弹出一个全屏的activity，透明、带背景（已给背景图），咦...这没什么啊？学过Android的就会做啊，可是关键就在那个背景上了，当天被领导叫去听他讲需求，好像说过这个背景不能拉伸，否则会变形，但是当时也没注意这里（呵呵，以后要注意细节啊~），我直接将他给的图片当做背景，结果悲剧了再给他验收的时候，当看到这的时候立时发现不对了，“这个背景不是我要的，已经明显变形了，...（此处省略好多字）”，又听了一遍，大概明白了他的意思，原来他给的背景图比较小，要想全屏铺满不变形就得一块一块的拼接起来，之后再设置为background。

（内心独白：坑爹啊，就一个背景的事也来这么折腾，有意思吗？）...

可是再怎么想也没用了，真是 一入什么什么的深似海啊...  要求有了，就赶紧去做吧！

 

首先来看一下背景图什么样子

为了看清楚点截图时特意多截出一部分，中间的部分为我们要拼接的图片（像素：160x160 、大小：15.69k 、格式：.png）

 由于背景图片本身也是透明效果的，只是有些加深纹路，所以看起来并不够明显，也导致当时没注意这里。

BitmapConnectActivity.java:

package com.yjl.mytools;import android.app.Activity;import android.content.Intent;import android.os.Bundle;import android.util.Log;import android.view.View;import android.view.View.OnClickListener;import android.widget.Button;public class BitmapConnectActivity extends Activity {   private Button btn_Button;    @Override    public void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.main);        btn_Button = (Button) findViewById(R.id.id_btn_jump);                btn_Button.setOnClickListener(new OnClickListener() {@Overridepublic void onClick(View v) {// TODO Auto-generated method stubIntent i = new Intent();i.setClass(BitmapConnectActivity.this, PageActivity.class);startActivity(i);Log.e("====", "点击");}});    }}

PageActivity.java:

package com.yjl.mytools;import android.app.Activity;import android.os.Bundle;import android.widget.ImageView;public class PageActivity extends Activity {private ImageView iv_draftView;@Overrideprotected void onCreate(Bundle savedInstanceState) {// TODO Auto-generated method stubsuper.onCreate(savedInstanceState);setContentView(R.layout.pageactivity);iv_draftView = (ImageView) findViewById(R.id.id_iv_draft);BgPicSwitcher.setBg(this, iv_draftView);}}

关键代码类：

package com.yjl.addbitmaptest;import android.annotation.SuppressLint;import android.annotation.TargetApi;import android.content.Context;import android.content.res.Configuration;import android.graphics.Bitmap;import android.graphics.BitmapFactory;import android.graphics.Canvas;import android.graphics.Bitmap.Config;import android.graphics.drawable.BitmapDrawable;import android.graphics.drawable.Drawable;import android.widget.ImageView;/** * 图片的拼接 *  * @author YJL  */public class BgPicSwitcher {public static final int bgPicId = R.drawable.draft_bg_part;// 草稿纸的背景// 横屏图片拼接public static Drawable InFrameFoto_land(Context context, int picId) {Bitmap bitmap = BitmapFactory.decodeResource(context.getResources(),picId);Bitmap r = add2Bitmap_land(bitmap, bitmap);Bitmap r1 = add2Bitmap_land(r, r);Bitmap r2 = add2Bitmap_land(r1, r1);Bitmap r5 = add2Bitmap_port(r2, r2);Bitmap r6 = add2Bitmap_port(r5, r5);Bitmap r7 = add2Bitmap_port(r6, r2);Drawable d = new BitmapDrawable(r7);return d;}// 竖屏图片拼接public static Drawable InFrameFoto_port(Context context, int picId) {Bitmap bitmap = BitmapFactory.decodeResource(context.getResources(),picId);Bitmap r = add2Bitmap_port(bitmap, bitmap);Bitmap r1 = add2Bitmap_port(r, r);Bitmap r2 = add2Bitmap_port(r1, r1);Bitmap r5 = add2Bitmap_land(r2, r2);Bitmap r6 = add2Bitmap_land(r5, r5);Bitmap r7 = add2Bitmap_land(r6, r2);Drawable d = new BitmapDrawable(r7);return d;}// 两张图片合成一张图片（横屏）private static Bitmap add2Bitmap_land(Bitmap first, Bitmap second) {int width = first.getWidth() + second.getWidth();int height = Math.max(first.getHeight(), second.getHeight());Bitmap result = Bitmap.createBitmap(width, height, Config.ARGB_8888);Canvas canvas = new Canvas(result);canvas.drawBitmap(first, 0, 0, null);canvas.drawBitmap(second, first.getWidth(), 0, null);return result;}// 两张图片合成一张图片（竖屏）private static Bitmap add2Bitmap_port(Bitmap first, Bitmap second) {int height = first.getHeight() + second.getHeight();int width = Math.max(first.getWidth(), second.getWidth());Bitmap result = Bitmap.createBitmap(width, height, Config.ARGB_8888);Canvas canvas = new Canvas(result);canvas.drawBitmap(first, 0, 0, null);canvas.drawBitmap(second, 0, first.getHeight(), null);return result;}@TargetApi(16)@SuppressLint({ "NewApi", "NewApi", "NewApi" })public static void setBg(Context context, ImageView bgImage) {if (context.getResources().getConfiguration().orientation == Configuration.ORIENTATION_LANDSCAPE) {Drawable drawable = BgPicSwitcher.InFrameFoto_land(context, bgPicId);bgImage.setBackground(drawable);// bgImage.setBackgroundDrawable(drawable);} else if (context.getResources().getConfiguration().orientation == Configuration.ORIENTATION_PORTRAIT) {Drawable drawable = BgPicSwitcher.InFrameFoto_port(context, bgPicId);bgImage.setBackground(drawable);// bgImage.setBackgroundDrawable(drawable);}}}

对比下效果图：(十寸屏截图较大，忍耐..)

背景拼接效果图：

直接将图片设置为背景效果图：

无背景图：

PPPS：做出来了，也符合领导的要求了，但是很有问题啊，当然就是OOM! 当内存过小或者使用模拟器转屏时（会大量消耗内存），你拼接的图片数量越多越有可能会导致内存溢出，Ａｐｐ崩溃了，所以没事还是不要搞这么蛋疼的需求!