Convert view to bitmap on Android

Question

I need to convert a view to a bitmap to preview my view and to save it as an image. I tried using the following code, but it creates a blank image. I cannot understand where I made a mistake.

 View viewToBeConverted;  Bitmap viewBitmap =   Bitmap.createBitmap(viewToBeConverted.getWidth(), viewToBeConverted.getHeight(),Bitmap.Config.ARGB_8888);
Canvas canvas = new Canvas(viewBitmap); 
 viewToBeConverted.draw(canvas); 
 savephoto(“f1”, viewBitmap); 

 ////  public void savephoto(String filename,Bitmap bit)     
   {  
            File newFile = new File(Environment.getExternalStorageDirectory() + Picture_Card/"+ filename+ ".PNG");
              try 
{
                    newFile.createNewFile();                   
 try
 { 
                         FileOutputStream pdfFile = new FileOutputStream(newFile);                                                Bitmap bm = bit;                          ByteArrayOutputStream baos = new ByteArrayOutputStream();                          bm.compress(Bitmap.CompressFormat.PNG,100, baos);                                                     byte[] bytes = baos.toByteArray();                         
 pdfFile.write(bytes);                                              
      pdfFile.close();                   
 }
 catch (FileNotFoundException e) 
{                          //       

  }            
  } catch (IOException e)
 {                    //          
    }      
  }

Gil SH · Answer 1 · 2013-09-08T18:32:55.853

163

here is my solution:

  public static Bitmap getBitmapFromView(View view) {
        //Define a bitmap with the same size as the view
        Bitmap returnedBitmap = Bitmap.createBitmap(view.getWidth(), view.getHeight(),Bitmap.Config.ARGB_8888);
        //Bind a canvas to it
        Canvas canvas = new Canvas(returnedBitmap);
        //Get the view's background
        Drawable bgDrawable =view.getBackground();
        if (bgDrawable!=null) 
            //has background drawable, then draw it on the canvas
            bgDrawable.draw(canvas);
        else 
            //does not have background drawable, then draw white background on the canvas
            canvas.drawColor(Color.WHITE);
        // draw the view on the canvas
        view.draw(canvas);
        //return the bitmap
        return returnedBitmap;
    }

Enjoy :)

edited Sep 08 '13 at 18:32

answered Mar 07 '12 at 04:38

Gil SH

3,789
1
27
25

@Gil SH, Do you find the final picture's quality is not good as it is on the screen? I spent some time to resolve it, but it failed. Do you have any idea? – Sysphus Jul 10 '15 at 03:46
when view contain image view code error : Software rendering doesn't support hardware bitmaps – AAV Jan 03 '22 at 11:01
@Fahad-Android this code doesn't change any view background so it is probably an exception in another part of you code – Gil SH Jun 02 '22 at 09:40

score 60 · Answer 2 · answered Sep 28 '14 at 14:56

The most voted solution did not work for me because my view is a ViewGroup(have been inflated from a LayoutInflater). I needed to call view.measure to force the view size to be calculated in order to get the correct view size with view.getMeasuredWidth(Height).

public static Bitmap getBitmapFromView(View view) {
    view.measure(MeasureSpec.UNSPECIFIED, MeasureSpec.UNSPECIFIED);
    Bitmap bitmap = Bitmap.createBitmap(view.getMeasuredWidth(), view.getMeasuredHeight(),
            Bitmap.Config.ARGB_8888);
    Canvas canvas = new Canvas(bitmap);
    view.layout(0, 0, view.getMeasuredWidth(), view.getMeasuredHeight());
    view.draw(canvas);
    return bitmap;
}

This works for me. But the font sizes does not match with the screen. Can anyone tell why? — Pranjal Choladhara, Oct 28 '22 at 12:22

ked · Answer 3 · 2021-02-18T05:15:34.547

31

use new kotlin extention function view.drawToBitmap()

mLayout.drawToBitmap()

edited Feb 18 '21 at 05:15

answered Mar 30 '20 at 21:05

ked

2,426
21
24

score 8 · Answer 4 · answered Jun 27 '18 at 11:37

Here is extension in Kotlin inspired by : Google Android Maps Utils Icon Generator

fun View.convertToBitmap(): Bitmap {
val measureSpec = View.MeasureSpec.makeMeasureSpec(0, View.MeasureSpec.UNSPECIFIED)
measure(measureSpec, measureSpec)
layout(0, 0, measuredWidth, measuredHeight)
val r = Bitmap.createBitmap(measuredWidth, measuredHeight, Bitmap.Config.ARGB_8888)
r.eraseColor(Color.TRANSPARENT)
val canvas = Canvas(r)
draw(canvas)
return r }

score 5 · Answer 5 · edited Dec 14 '22 at 12:19

Conversion of Layout or view to bitmap :

  private Bitmap createBitmapFromLayout(View tv) {        
    int spec = View.MeasureSpec.makeMeasureSpec(0, View.MeasureSpec.UNSPECIFIED);
    tv.measure(spec, spec);
    tv.layout(0, 0, tv.getMeasuredWidth(), tv.getMeasuredHeight());
    Bitmap b = Bitmap.createBitmap(tv.getMeasuredWidth(), tv.getMeasuredHeight(),
            Bitmap.Config.ARGB_8888);
    Canvas c = new Canvas(b);
    c.translate((-tv.getScrollX()), (-tv.getScrollY()));
    tv.draw(c);
    return b;
}

Without xml:

  private Bitmap createBitmapFromView() {
    TextView tv = new TextView(this);
    tv.setText("Hello Android !!");
    tv.setTextColor(Color.WHITE);
    tv.setBackgroundColor(Color.GRAY);
    int spec = View.MeasureSpec.makeMeasureSpec(0, View.MeasureSpec.UNSPECIFIED);
    tv.measure(spec, spec);
    tv.layout(0, 0, tv.getMeasuredWidth(), tv.getMeasuredHeight());
    Bitmap b = Bitmap.createBitmap(tv.getMeasuredWidth(), tv.getMeasuredHeight(),
            Bitmap.Config.ARGB_8888);
    Canvas c = new Canvas(b);
    c.translate((-tv.getScrollX()), (-tv.getScrollY()));
    tv.draw(c);
    return b;
}

Works great, thanks!! I spent hours on similar proposed solutions but none worked. Could you tell us more about the code? Why `makeMeasureSpec` is needed? Why the canvas needs to be translated? — Caio Mar, Jun 16 '23 at 13:55
Here is some doc on View.MeasureSpec for anyone interested: https://developer.android.com/reference/android/view/View.MeasureSpec — Caio Mar, Jun 16 '23 at 14:01

score 3 · Answer 6 · edited May 23 '17 at 12:18

3

All answers using drawing on the canvas won't work with a GLSurfaceView.

To capture the content of a GLSurfaceView into a bitmap you should consider to implement a custom method with gl.glReadPixels inside Renderer::onDrawFrame().

A solution snippet has been posted here.

edited May 23 '17 at 12:18

Community

1
1

answered Apr 10 '15 at 14:18

rockeye

2,765
2
30
44

score 0 · Answer 7 · answered May 10 '22 at 12:36

since API level 24 there is a better way with PixelCopy example of use:

/**
 * use [PixelCopy] to take a snap shoot of the given view
 */
fun copyViewPixelsToBitmap(window: Window?, view: View): Bitmap {
    val snap = Bitmap.createBitmap(view.width, view.height, Bitmap.Config.ARGB_8888)

    val listener = PixelCopy.OnPixelCopyFinishedListener {
        if (it != PixelCopy.SUCCESS) {
            Log.d("copyViewPixelsToBitmap failed with error: $it")
        }
    }
    val xy = IntArray(2)
    view.getLocationInWindow(xy)

    val rect = Rect(xy[0], xy[1], xy[0] + view.width, xy[1] + view.height)
    window?.let {
        PixelCopy.request(it, rect, snap, listener,
            Handler(Looper.getMainLooper()))
    }
    return snap
}

score 0 · Answer 8 · answered Aug 22 '22 at 21:34

To get a bitmap exactly as it is shown on the screen, you can use the view after it has been displayed with a Runnable:



void viewToBitmap(View view) {
  view.post(new Runnable() {
      @Override
      public void run() {
        Bitmap bitmap = Bitmap.createBitmap(view.getWidth(), view.getHeight(), Bitmap.Config.ARGB_8888);
        Canvas canvas = new Canvas(bitmap);
        view.draw(canvas);
        
        // Do stuff
      }
  });
}

score 0 · Answer 9 · answered Oct 22 '22 at 16:57

Just use the below code to straight:
This will convert any view(FrameLayout/LinearLayout/RelativeLayout/etc) to the bitmap.

private Bitmap getBitmapFromView(View view) {
        view.setDrawingCacheEnabled(true);
        return view.getDrawingCache();
}

Convert view to bitmap on Android

9 Answers9

Linked

Related