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
- Host: GitHub
- URL: https://github.com/wingjay/BlurImageView
- Owner: wingjay
- License: apache-2.0
- Created: 2015-11-12T05:25:02.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2018-05-25T02:13:19.000Z (about 6 years ago)
- Last Synced: 2024-04-16T12:56:32.309Z (2 months ago)
- Topics: android, medium, stack-blur
- Language: Java
- Homepage:
- Size: 29.6 MB
- Stars: 1,348
- Watchers: 41
- Forks: 239
- Open Issues: 4
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Lists
- awesome-github-android-ui - BlurImageView - 逐步加载图像 (图片)
- awesome-stars - 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 (Java)
- mbc-awesome-stars - BlurImageView - BlurImageView, you can load your image progressively like Medium.First show user a blurry image, At the same time, load the real image, once loaded, replace the blurry one automatically (Java)
- awesome-github-android-ui - BlurImageView - 逐步加载图像 (图片)
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!**