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

BlurImageView

BlurImageView For Android, you can load your image progressively like Medium.

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 and play on your phone. Try it!

Why I do this?

This lib is inspired by Medium 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?

    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.

  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 <mailto:yinjiesh AT 126 DOT com>

Thanks!

blurimageview's Issues

Can i use this side by side with Glide bro?

Can i use this side by side with Glide bro?
and how do i change the progress bar indicator's color and size?

建议添加自定义属性控制scaleType

添加自定义属性控制imageView的scaleType属性

Specifying ScaleType does not have any effect on the Image.

I specified the scaleType in xml and
also tried it programmatically. None of the trial worked.

@wingjay do you know anything why this may be happening

直接运行无法加载图片

Performance improvement

1. use 565 bitmap format

Will this increase the user's data flow ？

I like this view very much ,but I have some problems too.
As there have an extra image to be downloaded ,will this increase data flow usage?How this view resolve this problem ?
I am wondering is there anyway for the client to detect the image info and download as scream ? Not the service return two set images?

虚化imageview的时候会有灰色的轮廓

虚化一个图片的时候效果不错，
但是虚化一个layout的截图的时候效果不好，所有的的imageview,cardview虚化后会有灰色轮廓，而原图上的imageview,cardview是白底的

Scale_type is not working

I have imageview set like this

<com.wingjay.blurimageviewlib.BlurImageView

android:layout_width="match_parent"
android:layout_height="match_parent"
android:scaleType="fitXY"

android:src="@drawable/grey"

/>

but Image view look like this https://goo.gl/photos/QaF3F8xCe6CfNLRF7 . I tried changing scale programmatically , same thing.

I downloaded your project and changed scale in blur class to fitxy , same thing .

What can be the problem .

在图片从网络加载之前，无法知道图片的主色调是什么，设置个背景色有什么意义？

怎么设置不虚化，急用

Not able to achieve scaleType of CENTER_CROP on BlurImageView

for (int i = 0; i < blurImageView.getChildCount(); i++) {
 if (blurImageView.getChildAt(i) instanceof  ImageView) {
  ((ImageView)blurImageView.getChildAt(i)).setScaleType(ImageView.ScaleType.CENTER_CROP);
 }
}

Scaling the image using above code.
Is there a better way to do it?

好像不能使用资源图片进行虚化