How to blur the background image of imageview in android

Question

I want to blur the background of an imageview. I am using single image-view right now. So is it possible to do that in single image-view or should i have to use two image-view's (one for the background and one for the foreground).

I want to achieve something like this

An easy way to do this is through https://github.com/wasabeef/Blurry if you dont mind importing a library to your codebase. — M.Waqas Pervez, Jul 20 '20 at 08:47
Does this answer your question? [How to blur background images in Android](https://stackoverflow.com/questions/31641973/how-to-blur-background-images-in-android) — danartillaga, Jul 20 '20 at 11:50
@Wini yes the background image should be blur and foreground will remain same — ps_who, Jul 20 '20 at 14:19
@M.Waqas Pervez i want exactly same but is it possible to do it without using any library? — ps_who, Jul 20 '20 at 14:20
The image in the background imageview is stretched too much. Any idea how to solve this? — ps_who, Jul 21 '20 at 06:26
@prakharshrivastava try adjusting `Scaletype` or just remove it...you need to adjust your tags according to your image ... — Wini, Jul 21 '20 at 06:32
@prakharshrivastava it is beacause of `Scaletype`...i hope you get it — Wini, Jul 21 '20 at 06:36

score 1 · Answer 1 · answered Jul 21 '20 at 05:16

try----->>

XML

<?xml version="1.0" encoding="utf-8"?>

<RelativeLayout android:clipToPadding="true"
android:layout_width="match_parent"
android:layout_height="400dp"
xmlns:android="http://schemas.android.com/apk/res/android">
<ImageView
   android:scaleType="centerCrop"      // scaletype depends upon image you adjust or dont put
    android:id="@+id/customProfileGridImg"
    android:layout_width="match_parent"
    android:layout_height="400dp"
        />
<ImageView
    android:layout_width="match_parent"      
    android:layout_height="500dp"
    android:scaleType="centerCrop"     // scaletype depends upon image you adjust or dont put
    android:src="@drawable/nature"
    android:layout_centerInParent="true"/>
</RelativeLayout>

java-->

public class MainActivity  extends AppCompatActivity {

private static final float BLUR_RADIUS = 25f;

ImageView imageView;
@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.mjhgf);

     imageView = (ImageView) findViewById(R.id.customProfileGridImg);
    Bitmap bitmap = BitmapFactory.decodeResource(getResources(),R.drawable.nature);
    Bitmap blurredBitmap = blur(bitmap);
    imageView.setImageBitmap(blurredBitmap);


}

public Bitmap blur(Bitmap image) {
    if (null == image) return null;

    Bitmap outputBitmap = Bitmap.createBitmap(image);
    final RenderScript renderScript = RenderScript.create(this);
    Allocation tmpIn = Allocation.createFromBitmap(renderScript, image);
    Allocation tmpOut = Allocation.createFromBitmap(renderScript, outputBitmap);

   //Intrinsic Gausian blur filter
    ScriptIntrinsicBlur theIntrinsic = ScriptIntrinsicBlur.create(renderScript, Element.U8_4(renderScript));
    theIntrinsic.setRadius(BLUR_RADIUS);
    theIntrinsic.setInput(tmpIn);
    theIntrinsic.forEach(tmpOut);
    tmpOut.copyTo(outputBitmap);
    return outputBitmap;
}
  }

OUTPUT

score 0 · Answer 2 · answered Jul 20 '20 at 14:27

0

Use Picasso for image related tasks. It has many useful predefined functionalities. For your reference checkout this link how to blur using picasso.Picasso image blur

answered Jul 20 '20 at 14:27

ashik

1
2

How to blur the background image of imageview in android

2 Answers2