Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

https://github.com/wingjay/BlurImageView

BlurImageView, you can load your image progressively like Medium does.First show user a blurry image, At the same time, load the real image, once loaded, replace the blurry one automatically
https://github.com/wingjay/BlurImageView

android medium stack-blur

Last synced: 1 day ago
JSON representation

BlurImageView, you can load your image progressively like Medium does.First show user a blurry image, At the same time, load the real image, once loaded, replace the blurry one automatically

Lists

README

        

[![Android Arsenal](https://img.shields.io/badge/Android%20Arsenal-BlurImageView-green.svg?style=true)](https://android-arsenal.com/details/1/2768)

# BlurImageView
BlurImageView For Android, you can load your image progressively like [Medium](https://medium.com/@wing_jay/thinking-about-the-way-of-loading-picture-by-medium-4adfe792b437).

### How it works?
1. First it will show user a blurry image;
2. At the same time, it starts to load the real image;
3. once loaded, replace the blurry one automatically.

### Playable apk
You can [Download sample apk](https://github.com/wingjay/blurimageview/blob/master/sample.apk) and play on your phone. Try it!

### Why I do this?
This lib is inspired by [Medium](https://medium.com/@wing_jay/thinking-about-the-way-of-loading-picture-by-medium-4adfe792b437) and users love this way of loading pics, Because a beautiful Blurry pic is always better than a blank area or an ugly thumbnail.

### How to get it?
Simply add the dependency
```
dependencies {
compile 'com.wingjay:blurimageviewlib:2.0.1'
}
```

### How to use it?
```java
BlurImageView blurImageView = (BlurImageView) findViewById(R.id.XXX);
blurImageView.setBlurImageByUrl(blurImageUrl);
```
This will **load and blur** a image.
```
BlurImageView fullBlurImageView = (BlurImageView) findViewById(R.id.XXX)
fullBlurImageView.setFullImageByUrl(blurImageUrl, normalImageUrl);
```
This will **load two images progressively**.
```
blurImageView.setBlurFactor(blurFactor);
```
This can set the factor of blurry, default 8 - 10.
```java
blurImageView.setFailDrawable(Drawable failDrawable);
blurImageView.setDefaultDrawable(Drawable defaultDrawable);
```
Configure your own drawable for loading failure & default. Use null to remove them.

### Related resource
Thanks for the algorithms: `Stack Blur`: http://www.quasimondo.com/StackBlurForCanvas/StackBlurDemo.html

### Reach me - wingjay

Weibo: http://weibo.com/u/1625892654

Blog: http://wingjay.com/

GitHub: https://github.com/wingjay

Feel free to give me advices by

![](https://avatars2.githubusercontent.com/u/9619875?v=4&s=460)

**Thanks!**