This library provides blurred drop shadows to ImageView similar to iOS backdrop shadows.Provides fast canvas draw as no renderscript needed .The similar shadow blurred effects can also be seen in iOS Music App.

Download Demo App

Download the demo app .apk file here

Scan to Download

Installation

Add it in your root build.gradle at the end of repositories :

 allprojects {
     repositories {
         ...
	 maven { url 'https://jitpack.io' }
	  }
	}

Add the following dependency to your app build.gradle file :

 dependencies {
     implementation 'com.github.virtualvivek:BlurShadowImageView:4.0'
	}

How to use

Using Xml to config

 <me.virtualiz.blurshadowimageview.BlurShadowImageView
     android:layout_width="200dp"
     android:layout_height="200dp"
     android:layout_gravity="center"
     android:scaleType="centerCrop"
     app:v_shadowOffset="40dp"
     app:v_imageRound="20dp"
     app:v_imageSrc="@drawable/nature" />

Use Java code to config

BlurShadowImageView blurshadowimageview = findViewById(R.id.blurSImageView);

//Sets Border Round Radius
blurshadowimageview.setRound((int) value);

//Sets Image Resource
blurshadowimageview.setImageResource(ImgRes);

//Sets Image Drawable
blurshadowimageview.setImageDrawable(drawable);

//Sets Image Bitmap
blurshadowimageview.setImageBitmap(bitmap);

Load image with Picasso

 Target target = new Target() {
	@Override
    	public void onBitmapLoaded(Bitmap bitmap,
		Picasso.LoadedFrom from) {
		// Bitmap is loaded, use Image here
		demo_img.setImageBitmap(bitmap);
    	}
    	@Override
    	public void onBitmapFailed(Exception e, Drawable d) {
		// Fires if bitmap couldn't be loaded.
    	}
    	@Override
    	public void onPrepareLoad(Drawable d){
		// Fires bitmap on prepare.
    	}
};

//Use this target for the Picasso.into() method
Picasso.get().load("https://i.imgur.com/DvpvklR.png").into(target);
			

Image Blur Backdrop Offset

Documentation

app:v_imageSrc: "../refrence"

app:v_imageRound: "(int)dp"

app:v_shadowOffset: "(int)dp"

android:scaleType: ["center","centerCrop","fitEnd","fitCenter","fitXY","centerInside","fitStart","matrix"]

Name	Format	Default	Details
app:v_imageSrc	reference	image	sets image to the ImageView
app:v_imageRound	dimension	10dp	sets border radius to the ImageView
app:v_shadowOffset	dimension	40dp	configure the distance between the Image and the Shadow
android:scaleType	string	"centerCrop"	configure the Image scaling

Find this library useful? ❤️

Support it by joining stargazers for this repository. ⭐

Branches

Branch -version 4.x [ AndroidX ] ‣ Current Branch
Branch -version 1.x Support Library View Branch

License

BlurShadowImageView is licensed under MIT license. View license.
Copyright (c) 2020-24 Vivek Verma