How to convert Views to bitmaps?

Question

I have two Views (Textview & ImageView) in the FrameLayout, I want to save the image with text. For this, I covert the View to a bitmap.

My xml is:

<FrameLayout 
     android:id="@+id/framelayout"
     android:layout_marginTop="30dip"
     android:layout_height="fill_parent" 
     android:layout_width="fill_parent">

     <ImageView 
          android:id="@+id/ImageView01"
          android:layout_height="wrap_content" 
          android:layout_width="wrap_content"/>

    <TextView android:id="@+id/text_view"
          android:layout_marginTop="30dip"
          android:layout_width="wrap_content" 
          android:maxLines="20"
          android:scrollbars="vertical"
          android:layout_height="wrap_content"/>

</FrameLayout>

score 85 · Accepted Answer · answered Aug 26 '11 at 06:00

85

How to convert View into Bitmap

FrameLayout view = (FrameLayout)findViewById(R.id.framelayout);

view.setDrawingCacheEnabled(true);

view.buildDrawingCache();

Bitmap bm = view.getDrawingCache();

answered Aug 26 '11 at 06:00

Niranj Patel

32,980
10
97
133

2

@CapDroid and if i have to get bitmap with transparent background? – Fahid Nadeem Mar 31 '15 at 11:06
can we do the exact vice-versa of it, i mean can we convert bitmap again into view..??? – Sahil Garg May 06 '15 at 06:25
you can set bitmap on imageview or background of any view. – Niranj Patel May 06 '15 at 06:36
1

Worth noting that this bitmap can be disposed anytime, so it is safer to copy bitmap into your own, Source: http://arpitonline.com/2012/07/17/capturing-bitmaps-of-views-in-android/ – Nursultan Talapbekov May 18 '15 at 05:41
@NiranjPatel I tried above code but it returns the bitamap with as screen size – PriyankaChauhan Nov 02 '16 at 10:55
1

Previously, `getDrawingCache()` returned `null`. Then I found this answer: https://stackoverflow.com/a/4618030/6514270 – Amiraslan Nov 17 '17 at 13:35

Suragch · Answer 2 · 2018-05-09T02:25:12.890

24

I used to use the buildDrawingCache() method to get a bitmap of my layout, but I was having trouble with it when the view was large. Now I use the following method:

FrameLayout view = findViewById(R.id.framelayout);
Bitmap bitmap = Bitmap.createBitmap(view.getWidth(), view.getHeight(), Bitmap.Config.ARGB_8888);
Canvas canvas = new Canvas(bitmap);
view.draw(canvas);

edited May 09 '18 at 02:25

answered Jun 30 '15 at 06:11

Suragch

484,302
314
1,365
1,393

1

Thank you!!! I was searching the whole week to find a solution to my problem with large view and this solution worked perfectly! – heloisasim Aug 07 '15 at 03:04
Thank youuuu.Its worked for large views to bitmap convertion. – babu May 08 '18 at 15:01
java.lang.IllegalArgumentException: width and height must be > 0 – Vishal Yadav Aug 14 '18 at 12:26
@V.Y. This answer assumes that the view has already been laid out. If it hasn't then you will need to create it programmatically (rather than with `findViewById`). – Suragch Aug 19 '18 at 04:45

score 3 · Answer 3 · edited Sep 13 '11 at 09:25

3

Hi you can get a bitmap of a view using the following snippet

mView.setDrawingCacheEnabled(true);
mView.getDrawingCache();

edited Sep 13 '11 at 09:25

Niranj Patel

32,980
10
97
133

answered Aug 26 '11 at 06:00

Jana

2,890
5
35
45

score 1 · Answer 4 · answered Aug 26 '11 at 06:03

1

why don't you write your class that extends ImageView and override method onDraw and put there your image and text, it's more easy

answered Aug 26 '11 at 06:03

Buda Gavril

21,409
40
127
196

i tried this but i am getting same image without text.int bw = originalBitmap.getWidth(); int bh = originalBitmap.getHeight(); nb = Bitmap.createScaledBitmap(originalBitmap,bw,bh,true);c = new Canvas(nb);Paint paint = new Paint() c.drawText(my_text, 0, 0, paint); – RajaReddy PolamReddy Aug 26 '11 at 06:16

score 0 · Answer 5 · answered Feb 04 '21 at 07:20

First Of all, you need to add dependency

implementation 'com.github.vipulasri.layouttoimage:library:1.0.0'

Then Convert Layout to Bitmap

RelativeLayout pdfmain;
Layout_to_Image layout_to_image;
Bitmap mBitmap;



    layout_to_image = new Layout_to_Image(AllotmentDoc.this, pdfmain);
    mBitmap = layout_to_image.convert_layout();

Amar Banerjee · Answer 6 · 2021-06-03T12:10:23.227

    FrameLayout v = (FrameLayout)findViewById(R.id.frme1);

    v.setDrawingCacheEnabled(true);

    // this is the important code :)
  // Without it the view will have a dimension of 0,0 and the bitmap will be null
    v.measure(View.MeasureSpec.makeMeasureSpec(0, View.MeasureSpec.UNSPECIFIED),
            View.MeasureSpec.makeMeasureSpec(0, View.MeasureSpec.UNSPECIFIED));
    v.layout(0, 0, v.getMeasuredWidth(), v.getMeasuredHeight());

    v.buildDrawingCache(true);

    v.post(new Runnable() {
        @Override
        public void run() {
           // Bitmap b = v.getDrawingCache();
            Bitmap b = Bitmap.createBitmap(v.getDrawingCache());
            v.setDrawingCacheEnabled(false); // clear drawing cache
            Log.e("ss","ss"+b.getHeight());
        }
    });

Here I have added a post Runnable thread which ensure the createBitmap method will execute only after v.buildDrawingCache(true);. v.buildDrawingCache(true); takes few milisec time in some mobile and that is the reason it crash in some mobile. Please try this solution if you face null pointer exception for Bitmap object.

How to convert Views to bitmaps?

6 Answers6

Linked