关于View转化成bitmap保存成图片

产品今天说项目分享时要分享出一张  封面图片 + 几行文字 + 二维码图片 的图片。

思索了一下 封面图片和二维码图片让后台给接口得到地址, 主要还是找个方式得到一个包含这些内容的图片。于是就想能不能将View转化成bitmap对象


然后就走了一遍各个前辈的路 整理了下原理和思路。       

根据产品的需求  我要实现的步骤  把所有需要的集合在一个View里 —— View转化成bitmap —— 分享出去(第三方分享bitmap对象)


接着搞个demo 实验一下

要转化的view 大致长这样 

view_photo.xml




    

        

            
            

            

            

最关键的View转bitmap 

好像是有两种方法   

DrawingCache方法:
如果使用DrawingCache,则对要截图的View有一个要求:View本身已经显示在界面上。如果View没有添加到界面上或者没有显示(绘制)过,则buildDrawingCache会失败。这种方式比较适合对应用界面或者某一部分的截图。步骤很简单:

view.setDrawingCacheEnabled(true);  
view.buildDrawingCache();  //启用DrawingCache并创建位图  
Bitmap bitmap = Bitmap.createBitmap(view.getDrawingCache()); //创建一个DrawingCache的拷贝,因为DrawingCache得到的位图在禁用后会被回收  
view.setDrawingCacheEnabled(false);  //禁用DrawingCahce否则会影响性能  



View.draw方法:
这个也很简单 view对象传进去.draw()就行
private Bitmap loadBitmapFromView(View v) {  
        int w = v.getWidth();  
        int h = v.getHeight();  
        Bitmap bmp = Bitmap.createBitmap(w, h, Bitmap.Config.ARGB_8888);  
        Canvas c = new Canvas(bmp);  
  
        c.drawColor(Color.WHITE);  
        /** 如果不设置canvas画布为白色,则生成透明 */  
  
        v.layout(0, 0, w, h);  
        v.draw(c);  
  
        return bmp;  
    }  
然而此时适用于需要截图的View并没有添加到界面上,
可能是通过java代码创建的或者inflate创建的,(我需求的情况就适用于这种。分享的时候生成bitmap对象但不显示在界面中)
此时调用DrawingCache方法是获取不到位图的。
因为View在添加到容器中之前并没有得到实际的大小(如果LayoutWidth是MatchParent,它还没有Parent…)
,所以首先需要指定View的大小:
先得到
DisplayMetrics metric = new DisplayMetrics();  
        getWindowManager().getDefaultDisplay().getMetrics(metric);  
        int width = metric.widthPixels;     // 屏幕宽度(像素)  
        int height = metric.heightPixels;   // 屏幕高度(像素)  
        View view = LayoutInflater.from(this).inflate(R.layout.view_photo, null, false);
        layoutView(view, width, height);//去到指定view大小的函数
//然后View和其内部的子View都具有了实际大小,也就是完成了布局,相当与添加到了界面上。接着就可以创建位图并在上面绘制了:
    private void layoutView(View v, int width, int height) {  
        // 指定整个View的大小 参数是左上角 和右下角的坐标
        v.layout(0, 0, width, height);
        int measuredWidth = View.MeasureSpec.makeMeasureSpec(width, View.MeasureSpec.EXACTLY);
        int measuredHeight = View.MeasureSpec.makeMeasureSpec(height, View.MeasureSpec.AT_MOST); 
        /** 当然,measure完后,并不会实际改变View的尺寸,需要调用View.layout方法去进行布局。
         * 按示例调用layout函数后,View的大小将会变成你想要设置成的大小。
        */
        v.measure(measuredWidth, measuredHeight);  
        v.layout(0, 0, v.getMeasuredWidth(), v.getMeasuredHeight());
    }  
在int measuredHeight = View.MeasureSpec.makeMeasureSpec(height, View.MeasureSpec.AT_MOST); 
这里我有点不懂后面函数的取值。在自定义view里 onMeasure()里有根据MeasureSpec.getMode()的类型来准确得到设置view的长宽
.makeMeasureSpec(height, View.MeasureSpec.AT_MOST);却貌似取了 自适应和前一个int参数的最小值。
后面我发现有可能合成出超出屏幕的长图,就直接吧前一个int参数赋值成一个很大的数字。。。


上整个demo的代码
activity_main.xml

    
view_photo.xml 在上面
MainActivity
public class MainActivity extends Activity {  
	ImageView aaa ;
	@Override  
	protected void onCreate(Bundle savedInstanceState) {  
		super.onCreate(savedInstanceState);  
		setContentView(R.layout.activity_main);  
		DisplayMetrics metric = new DisplayMetrics();  
		getWindowManager().getDefaultDisplay().getMetrics(metric);  
		int width = metric.widthPixels;     // 屏幕宽度(像素)  
		int height = metric.heightPixels;   // 屏幕高度(像素)  
		View view = LayoutInflater.from(this).inflate(R.layout.view_photo, null, false);
		layoutView(view, width, height);
		final ScrollView tv = (ScrollView) view.findViewById(R.id.textView);  
		aaa = (ImageView) findViewById(R.id.aaa);

		final Runnable runnable = new Runnable() {  
			@Override  
			public void run() { 
				viewSaveToImage(tv);  
			}  
		};  

		Button button = (Button) findViewById(R.id.button);  
		button.setOnClickListener(new View.OnClickListener() {  

			@Override  
			public void onClick(View v) {  
				new Handler().post(runnable);  
			}  
		});  

	} 
	//然后View和其内部的子View都具有了实际大小,也就是完成了布局,相当与添加到了界面上。接着就可以创建位图并在上面绘制了:
	private void layoutView(View v, int width, int height) {  
		// 整个View的大小 参数是左上角 和右下角的坐标
		v.layout(0, 0, width, height);
		int measuredWidth = View.MeasureSpec.makeMeasureSpec(width, View.MeasureSpec.EXACTLY);
		int measuredHeight = View.MeasureSpec.makeMeasureSpec(10000, View.MeasureSpec.AT_MOST);  
		/** 当然,measure完后,并不会实际改变View的尺寸,需要调用View.layout方法去进行布局。
		 * 按示例调用layout函数后,View的大小将会变成你想要设置成的大小。
		 */
		v.measure(measuredWidth, measuredHeight);  
		v.layout(0, 0, v.getMeasuredWidth(), v.getMeasuredHeight());
	}  

	public void viewSaveToImage(View view) {  
		Log.e("ssh","a");

		/**
		 * View组件显示的内容可以通过cache机制保存为bitmap
		 * 我们要获取它的cache先要通过setDrawingCacheEnable方法把cache开启,
		 * 然后再调用getDrawingCache方法就可 以获得view的cache图片了
		 * 。buildDrawingCache方法可以不用调用,因为调用getDrawingCache方法时,
		 * 若果 cache没有建立,系统会自动调用buildDrawingCache方法生成cache。
		 * 若果要更新cache, 必须要调用destoryDrawingCache方法把旧的cache销毁,才能建立新的。
		 */
		//        view.setDrawingCacheEnabled(true);  
		//        view.setDrawingCacheQuality(View.DRAWING_CACHE_QUALITY_HIGH);  
		//设置绘制缓存背景颜色
		//        view.setDrawingCacheBackgroundColor(Color.WHITE);  

		// 把一个View转换成图片  
		Bitmap cachebmp = loadBitmapFromView(view);  

		aaa.setImageBitmap(cachebmp);//直接展示转化的bitmap

		//保存在本地 产品还没决定要不要保存在本地
		FileOutputStream fos;  
		try {  
			// 判断手机设备是否有SD卡  
			boolean isHasSDCard = Environment.getExternalStorageState().equals(  
					android.os.Environment.MEDIA_MOUNTED);  
			if (isHasSDCard) {  
				// SD卡根目录  
				File sdRoot = Environment.getExternalStorageDirectory(); 
				Log.e("ssh",sdRoot.toString());
				File file = new File(sdRoot, "test.png");  
				fos = new FileOutputStream(file);  
			} else  
				throw new Exception("创建文件失败!");  
			//压缩图片 30 是压缩率,表示压缩70%; 如果不压缩是100,表示压缩率为0  
			cachebmp.compress(Bitmap.CompressFormat.PNG, 90, fos);  

			fos.flush();  
			fos.close();  

		} catch (Exception e) {  
			e.printStackTrace();  
		}  

		view.destroyDrawingCache();  
	}  

	private Bitmap loadBitmapFromView(View v) {  
		int w = v.getWidth();  
		int h = v.getHeight();  
		Bitmap bmp = Bitmap.createBitmap(w, h, Bitmap.Config.ARGB_8888);  
		Canvas c = new Canvas(bmp);  

		c.drawColor(Color.WHITE);  
		/** 如果不设置canvas画布为白色,则生成透明 */  

		v.layout(0, 0, w, h);  
		v.draw(c);  

		return bmp;  
	} 
}
关于View转化成bitmap保存成图片_第1张图片demo转化成结果的bitmap和图片













你可能感兴趣的:(关于View转化成bitmap保存成图片)