Drawing an outer shadow when drawing an image

by

I wanted a similar effect, but on an AppWidget so unfortunately I couldn’t use @EvelioTarazona’s solution. This is what I came up with, it should work with a bitmap of any shape.

    final Bitmap src = BitmapFactory.decodeResource(getResources(), R.drawable.ic_launcher);
    final Bitmap shadow = addShadow(src, src.getHeight(), src.getWidth(), Color.BLACK, 3, 1, 3);
    final ImageView iv = (ImageView)findViewById(R.id.image);
    iv.setImageBitmap(shadow);

Example with parameters size=3, dx=1, dy=3, color=BLACK

 public Bitmap addShadow(final Bitmap bm, final int dstHeight, final int dstWidth, int color, int size, float dx, float dy) {
    final Bitmap mask = Bitmap.createBitmap(dstWidth, dstHeight, Config.ALPHA_8);

    final Matrix scaleToFit = new Matrix();
    final RectF src = new RectF(0, 0, bm.getWidth(), bm.getHeight());
    final RectF dst = new RectF(0, 0, dstWidth - dx, dstHeight - dy);
    scaleToFit.setRectToRect(src, dst, ScaleToFit.CENTER);

    final Matrix dropShadow = new Matrix(scaleToFit);
    dropShadow.postTranslate(dx, dy);

    final Canvas maskCanvas = new Canvas(mask);
    final Paint paint = new Paint(Paint.ANTI_ALIAS_FLAG);
    maskCanvas.drawBitmap(bm, scaleToFit, paint);
    paint.setXfermode(new PorterDuffXfermode(Mode.SRC_OUT));
    maskCanvas.drawBitmap(bm, dropShadow, paint);

    final BlurMaskFilter filter = new BlurMaskFilter(size, Blur.NORMAL);
    paint.reset();
    paint.setAntiAlias(true);
    paint.setColor(color);
    paint.setMaskFilter(filter);
    paint.setFilterBitmap(true);

    final Bitmap ret = Bitmap.createBitmap(dstWidth, dstHeight, Config.ARGB_8888);
    final Canvas retCanvas = new Canvas(ret);
    retCanvas.drawBitmap(mask, 0,  0, paint);
    retCanvas.drawBitmap(bm, scaleToFit, null);
    mask.recycle();
    return ret;
}

More Related Contents:

  1. Draw in Canvas by finger, Android
  2. Draw multi-line text to Canvas
  3. Android, canvas: How do I clear (delete contents of) a canvas (= bitmaps), living in a surfaceView?
  4. Out of Memory error with Bitmap
  5. Image on canvas to JPEG file
  6. Android canvas draw rectangle
  7. Measuring text height to be drawn on Canvas ( Android )
  8. Android canvas: draw transparent circle on image
  9. Work around Canvas.clipPath() that is not supported in android any more
  10. Android: How to detect when a scroll has ended
  11. How to draw Arc between two points on the Canvas?
  12. Drawable image on a canvas
  13. SurfaceView flashes black on load
  14. How to blur some portion of Image in Android?
  15. Creating an empty bitmap and drawing though canvas in Android
  16. How to Measure TextView Height Based on Device Width and Font Size?
  17. Getting the pixel color value of a point on an Android View that includes a Bitmap-backed Canvas
  18. Rotating Image on A canvas in android
  19. Android Canvas.drawText
  20. Understanding Canvas and Surface concepts
  21. Android: How to check if a rectangle contains touched point?
  22. How to display Text in Android Canvas ShapeDrawable with in the RectShape or OvalShape?
  23. Android: Drawing a canvas to an ImageView
  24. Adding a colored background with text/icon under swiped row when using Android’s RecyclerView
  25. Crop square image to circle – Programmatically
  26. Get Canvas coordinates after scaling up/down or dragging in android
  27. How to draw Bezier Curve in Android
  28. Android: How to do this framing paint?
  29. Hex colors in Android are sometimes eight digits. How? What is the difference between #FFFFFF and #FFFFFF00?
  30. Android : Draw Circle With Text Inside

Leave a Comment