Android Blur View (Blur background behind the view)

Question

I am trying to make the bottom part of an Image blur for the view on top it like in the image.

I tried blurring it using Rendenscript but I am not able to blur only

Answer 1

This can be achieved in following steps:

• Extract the background image of LinearLayout by cropping background Image. Now extend LinearLayout Class.

• Override OnDraw(Canvas mCanvas) method.

• Create two methods in your Custom LinearLayout Class:

  1. DrawBitmap
  2. DrawColor.

• First call the DrawBitmap function by giving the offset you got from ViewPager to background image so that image moves when the use swipe the screen.

• Finally draw the color with your transparency level

I hope this will solve your problem.

Sample Code for this

How to Blur a View