Android:将View的内容映射成Bitmap

   最近在做一个类似于游标的东西，由一个类似于seekbar的view来控制下端view内容的显示位置。所以需要将view中的内容映射成一张图片，设为seekbar的背景。所以就做了一些尝试，不过还有一些遗漏的小问题。

      在Android中自有获取view中的cache内容，然后将内容转换成bitmap，方法名是：getDrawingCache(),返回结果为Bitmap，但是刚开始使用的时候，得到的结果都是null，所以在一个论坛里查到了正确的使用方法.代码如下：

 

 contentLayout.setDrawingCacheEnabled(true);
         contentLayout.measure(
                 MeasureSpec.makeMeasureSpec(0, MeasureSpec.UNSPECIFIED),
                 MeasureSpec.makeMeasureSpec(0, MeasureSpec.UNSPECIFIED));
         contentLayout.layout(0, 0, contentLayout.getMeasuredWidth(),
                 contentLayout.getMeasuredHeight());

         contentLayout.buildDrawingCache();

         Bitmap bitmap= contentLayout.getDrawingCache();

 

      最后就可以调用：Bitmap bitmap = view.getDrawingCache();就可以得到图片了。

 

      为了测试这个功能，我使用了两种方式来创建LinerLayout中的内容，一种是在xml文件中就将view的内容添加了，只需在代码中添加对应ImageView中的图片就行了；另一种是动态添加LinerLayout中的View。

      项目的主界面为：

 

接下来是SET_VIEW的代码:

 

 public void onCreate(Bundle savedInstanceState) {
     super.onCreate(savedInstanceState);
     setContentView(R.layout.set_view);
     contentLayout = (LinearLayout) findViewById(R.id.content);
     imgSource1 = (ImageView) findViewById(R.id.imgSource1);
     imgSource2 = (ImageView) findViewById(R.id.imgSource2);
     imgCache = (ImageView) findViewById(R.id.imgCache);

     imgSource1.setImageResource(R.drawable.source1);
     imgSource2.setImageResource(R.drawable.source2);

     contentLayout.setDrawingCacheEnabled(true);
     contentLayout.measure(
             MeasureSpec.makeMeasureSpec(0, MeasureSpec.UNSPECIFIED),
             MeasureSpec.makeMeasureSpec(0, MeasureSpec.UNSPECIFIED));
     contentLayout.layout(0, 0, contentLayout.getMeasuredWidth(),
             contentLayout.getMeasuredHeight());

     contentLayout.buildDrawingCache();

     Bitmap bitmap= contentLayout.getDrawingCache();
     if(bitmap!=null){
         imgCache.setImageBitmap(bitmap);
     }else{
         Log.i("CACHE_BITMAP", "DrawingCache=null");
     }
 }

 

 set_view.xml布局文件为：

 

 <?xml version="1.0" encoding="utf-8"?>
 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
     android:orientation="vertical" android:layout_width="fill_parent"
     android:layout_height="fill_parent">
     <TextView android:text="set_view" android:layout_width="fill_parent"
         android:layout_height="wrap_content"></TextView>
     <LinearLayout android:id="@+id/content"
         android:orientation="vertical" android:layout_width="wrap_content"
         android:layout_height="wrap_content">
         <ImageView android:id="@+id/imgSource1"
             android:layout_width="wrap_content" android:layout_height="wrap_content"></ImageView>
         <ImageView android:id="@+id/imgSource2"
             android:layout_width="wrap_content" android:layout_height="wrap_content"></ImageView>
     </LinearLayout>

     <LinearLayout android:id="@+id/cache"
         android:layout_width="wrap_content" android:layout_height="wrap_content">
         <ImageView android:id="@+id/imgCache" android:layout_width="wrap_content"
             android:layout_height="wrap_content">
         </ImageView>
     </LinearLayout>
 </LinearLayout>

 

 运行效果为:

第一种情况比较简单，不会出现问题，接下来是第二种情况，这种情况有个需要注意的地方:

 

 protected void onCreate(Bundle savedInstanceState) {
         // TODO Auto-generated method stub
         super.onCreate(savedInstanceState);
         setContentView(R.layout.add_view);
         addViewContent = (LinearLayout) findViewById(R.id.addViewContent);
         imgAddViewCache = (ImageView) findViewById(R.id.imgAddViewCache);
         // addImgSource();
         addRelativeLayout();

         addViewContent.setDrawingCacheEnabled(true);
         addViewContent.measure(
                 MeasureSpec.makeMeasureSpec(0, MeasureSpec.UNSPECIFIED),
                 MeasureSpec.makeMeasureSpec(0, MeasureSpec.UNSPECIFIED));
         addViewContent.layout(0, 0, addViewContent.getMeasuredWidth(),
                 addViewContent.getMeasuredHeight());

         addViewContent.buildDrawingCache();
         int color = addViewContent.getDrawingCacheBackgroundColor();

         Bitmap cacheBitmap = addViewContent.getDrawingCache();
         Bitmap bitmap = Bitmap.createBitmap(cacheBitmap);//注意:这地方必须特别注意
         if (bitmap != null) {
             imgAddViewCache.setImageBitmap(bitmap);
             imgAddViewCache.setDrawingCacheBackgroundColor(color);
         } else {
             Log.i("CACHE_BITMAP", "DrawingCache=null");
         }
     }

     private void addRelativeLayout() {
         // TODO Auto-generated method stub
         RelativeLayout.LayoutParams layoutpare = new RelativeLayout.LayoutParams(
                 LayoutParams.FILL_PARENT, LayoutParams.WRAP_CONTENT);

         RelativeLayout relativeLayout = new RelativeLayout(this);
         relativeLayout.setLayoutParams(layoutpare);

         ImageView imgView1 = new ImageView(this);
         ImageView imgView2 = new ImageView(this);
         imgView1.setImageResource(R.drawable.source1);
         imgView2.setImageResource(R.drawable.source2);
         RelativeLayout.LayoutParams img1 = new RelativeLayout.LayoutParams(38,
                 38);
         img1.addRule(RelativeLayout.ALIGN_PARENT_LEFT, RelativeLayout.TRUE);
         RelativeLayout.LayoutParams img2 = new RelativeLayout.LayoutParams(38,
                 38);
         img2.addRule(RelativeLayout.ALIGN_PARENT_RIGHT, RelativeLayout.TRUE);

         relativeLayout.addView(imgView1, img1);
         relativeLayout.addView(imgView2, img2);
         addViewContent.addView(relativeLayout);
     }

     /**
      * 添加图片源
      */
     private void addImgSource() {
         ImageView imgView1 = new ImageView(this);
         ImageView imgView2 = new ImageView(this);
         imgView1.setImageResource(R.drawable.source1);
         imgView2.setImageResource(R.drawable.source2);
         addViewContent.addView(imgView1, new LayoutParams(
                 LinearLayout.LayoutParams.WRAP_CONTENT,
                 LinearLayout.LayoutParams.WRAP_CONTENT));
         addViewContent.addView(imgView2, new LayoutParams(
                 LinearLayout.LayoutParams.WRAP_CONTENT,
                 LinearLayout.LayoutParams.WRAP_CONTENT));
     }

 

 对于上面的代码，需要说明一下：一种我是直接添加ImageView到页面中，这种情况没有问题，后来我又尝试了新建一个RelativeLayout中添加布局文件，

发现如果没有“代码中注释：注意”的一行时，混出现运行时的异常：trying to use a recycled bitmap android.graphics.Bitmap.这个问题我debug了很久，

也没有找到很彻底的方法来解决，不过用“注意”的一行代码就能够实现。但是显示的时候会出现意想不到的结果，关于出现的问题可以看下面的图：

布局添加的图片没有全部显示出来，只显示了一个，这个原因我还没有解决，最近几天我会试着解决。

add_view.xml:

 

 <?xml version="1.0" encoding="utf-8"?>
 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
     android:orientation="vertical" android:layout_width="fill_parent"
     android:layout_height="fill_parent">
     <TextView android:text="add_view" android:layout_width="fill_parent"
         android:layout_height="wrap_content"></TextView>
     <LinearLayout android:id="@+id/addViewContent"
         android:orientation="vertical" android:layout_width="fill_parent"
         android:layout_height="wrap_content">
     </LinearLayout>

     <LinearLayout android:id="@+id/addViewCache"
         android:layout_width="wrap_content" android:layout_height="wrap_content">
         <ImageView android:id="@+id/imgAddViewCache"
             android:layout_width="fill_parent" android:layout_height="wrap_content">
         </ImageView>
     </LinearLayout>

 </LinearLayout>

 

同时推荐一篇国外文章

http://www.brighthub.com/mobile/google-android/articles/30676.aspx