SkillAgentSearch skills...

BlurShadowImageView

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

Install / Use

/learn @virtualvivek/BlurShadowImageView

README

<h2 align="center"> <img src="apk/preview/app_icon_title.png" width="500" /> </h2> <p align="center"> <a href="https://android.com"> <img src="https://img.shields.io/badge/for-android-green.svg?style=flat-square&logo=android&color=3aab60" alt="Android" /> </a> <a href="https://developer.android.com/about/versions/android-5.0.html"> <img src="https://img.shields.io/badge/MinSdk-21-blue.svg?style=flat-square" alt="MinSDK" /> </a> <a href="https://jitpack.io/#virtualvivek/BlurShadowImageView"> <img src="https://jitpack.io/v/virtualvivek/BlurShadowImageView.svg?style=flat-square&color=34495e" alt="JitPack" /> </a> <a href="https://www.codacy.com/gh/virtualvivek/BlurShadowImageView/dashboard?utm_source=github.com&amp;utm_medium=referral&amp;utm_content=virtualvivek/BlurShadowImageView&amp;utm_campaign=Badge_Grade"> <img src="https://img.shields.io/codacy/grade/86da5d838ef24e0dbcf482b049b8c27c?logo=codacy&style=flat-square" alt="Codacy Badge" /> </a> <a href="https://github.com/virtualvivek/BlurShadowImageView/blob/master/library/src/main/java/me/virtualiz/blurshadowimageview/BlurShadowImageView.java"> <img src="https://img.shields.io/github/size/virtualvivek/BlurShadowImageView/library/src/main/java/me/virtualiz/blurshadowimageview/BlurShadowImageView.java?style=flat-square&color=16ab9c&label=Library%20Size" alt="Library Size" /> </a> </p> <p align="center">This library provides blurred drop shadows to <b>ImageView</b> similar to <code>iOS backdrop shadows</code>.Provides fast canvas draw as <b>no renderscript</b> needed .The similar shadow blurred effects can also be seen in <i>iOS Music App.</i></p> <p align="center"><img src="apk/preview/app_icon_demo.png" width="520" /> </p>

Download Demo App

Download the demo app <code><b>.apk</b></code> file here

<a href="apk/BlurShadow.apk"> <img src="apk/preview/app_icon_demo_app.png" width="280" alt="Demo App" /></a>

Scan to Download

<img src="apk/app_barcode.PNG" width="180" alt="Demo App" />

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

<img align="right" src="apk/preview/app_load_online.gif" width="280" />
 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

<img src="apk/preview/app_preview_offset.png" width="650" />

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? :heart:

Support it by joining stargazers for this repository. :star:

Branches

Branch -version 4.x [ <b>AndroidX</b> ] <a href="https://github.com/virtualvivek/BlurShadowImageView/tree/master"><b></b>Current Branch</a><br/> Branch -version 1.x <b>Support Library</b> <a href="https://github.com/virtualvivek/BlurShadowImageView/tree/supportLibrary">View Branch</a>

License

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

Related Skills

View on GitHub
GitHub Stars183
CategoryDevelopment
Updated2mo ago
Forks18

Languages

Java

Security Score

100/100

Audited on Jan 19, 2026

No findings