实现图片的拼接

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

回顾前段时间，有过一个项目，在项目中有一个地方的需求为，点击某按钮，弹出一个全屏的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() {
			
			@Override
			public void onClick(View v) {
				// TODO Auto-generated method stub
				Intent 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;
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		// TODO Auto-generated method stub
		super.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! 当内存过小或者使用模拟器转屏时（会大量消耗内存），你拼接的图片数量越多越有可能会导致内存溢出，Ａｐｐ崩溃了，所以没事还是不要搞这么蛋疼的需求!