• Stars
    star
    175
  • Rank 218,059 (Top 5 %)
  • Language
    Java
  • License
    MIT License
  • Created almost 5 years ago
  • Updated 11 months ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

A library for Android 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.

Android MinSDK JitPack Codacy Badge Library Size

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

Demo App

Scan to Download

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

 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-21 Vivek Verma

More Repositories

1

react-windows-ui

Build Windows native look & feel apps using ReactJS. Provides a set of accessible, reusable and composable react components that make it super easy to create websites and apps.
JavaScript
548
star
2

windows-ui

Build Windows Fluent UI apps using Html, CSS & JavaScript. Comes with Rich Native Like Components.
JavaScript
265
star
3

react-native-image-blur-shadow

A React Native <Image/> component with Blur Drop Shadows,100% JavaScript, 0 dependency component. Supports Android, iOS and Web. A light weight Image component for your react native project.
JavaScript
89
star
4

react-windows-ui-boilerplate

react-windows-ui starter boilerplate template repository.
JavaScript
21
star
5

BannerBash

BannerBash is a library provides large 3D banner text to your shell script, comes with alphabets, numbers, math symbols, special characters.
Shell
16
star
6

iwebCalculator

An ios-12 inspired web based light weight calculator written in html, css and Angular-js
TypeScript
4
star
7

iOS-13-Calculators

This light-weight library provides iOS 13 style calculators for web applications written in html, css and AngularJs .Including Basic calculator, BMI calculator, Macro kcal calculator, Grade calculator, Timer and more.
JavaScript
4
star
8

microSegment7

This library provides modules for 7-segment display using 8051 microcontroller to perform system callbacks, text patterns, available code for both common cathode and common anode.
C
4
star
9

Amrapali-Mobile

This Module brings native Amrapali website to the mobile environment as per the modern flat ui interface guidelines. It extends previous classes to create custom flat interface
JavaScript
3
star
10

virtualvivek.github.io

Portfolio repository
HTML
3
star
11

vibhuNotepad

A School notebook inspired notepad application written in pure html and css. This repo. imitates A4 size copy behaviour with its native look and feel .
HTML
3
star
12

server

2
star
13

HexAlpha

This Light weight library provides opacity to #Hexadecimal Color values dynamically, written in pure javascript.It takes hexadecimal color as both a hex value or a css property variable with an alpha ie 0-9 value and provides alpha transparent color .
JavaScript
2
star
14

ReachMe

1
star
15

first

First Repo
CSS
1
star