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>

 

 

• testDrawCache.rar (42.6 KB)
• 下载次数: 148

• 查看图片附件

声明：ITeye文章版权属于作者，受法律保护。没有作者书面许可不得转载。