Glide结合高斯模糊使用



最近在做毕业设计,想做一个跟网易音乐播放界面差不多的,在做到播放详情界面的时候用到Glide加载网络图片作为整个布局的背景,但是背景太明显反而显得不好看,上网查了查,找到了高斯模糊感觉还行,接下来我就说一下使用流程。

第一步肯定是在build中加入依赖库

     //加载图片
    compile 'com.github.bumptech.glide:glide:3.7.0'
      //高斯模糊
    compile 'jp.wasabeef:glide-transformations:2.0.1'

transformations库里面还有好多其他转换形式,具体github地址glide转换库

第二步
加载一张图片的话比较简单,Gilde做的非常好了,不会的自己去搜。

 //加载背景,也是加载专辑封面
            Glide.with(MusicPlayerActivity.this)
                    .load(service.getImageUri())
                    .dontAnimate()
                    .error(R.drawable.no_music_rotate_img)
                    .into(allBg);

第三部就是在上面代码中加一句话就可以了。

  // "14":模糊度;"3":图片缩放3倍后再进行模糊,缩放3-5倍个人感觉比较好。
 .bitmapTransform(new BlurTransformation(this, 14, 3))

完整的代码

           //加载背景,
            Glide.with(MusicPlayerActivity.this)
                    .load(service.getImageUri())
                    .dontAnimate()
                    .error(R.drawable.no_music_rotate_img)
                    // 设置高斯模糊
                    .bitmapTransform(new BlurTransformation(this, 14, 3))
                    .into(allBg);

完整代码点这里
在MusicPlayerActivity中使用到