Android图片高斯模糊动画

前言

  • 这里只讲高斯模糊动画的处理,不讨论高斯模糊的处理方式。想看高斯模糊处理的可以参考这个Android 图片高斯模糊解决方案
  • 通过Bitmap多次处理高斯模糊做动画,容易卡顿或者OOM。
  • 优点:解耦,易扩展
  • 实际使用什么模糊方法随意,这只是一个例子

预览

Android图片高斯模糊动画_第1张图片
image

使用

思路:底部放一张最大高斯模糊后的图片,使用FrameLayout在上面放一个没有模糊处理的图片。通过改变上层图片的setAlpha(float alpha)做到动画效果。
初始状态为显示高斯模糊图片。

依赖

  1. Gradle

    
    allprojects {
      repositories {
        maven { url 'https://jitpack.io' }
      }
    }
    
    
    
    dependencies {
      implementation 'com.github.mzyq:BlurImageAnimator:0.1.0'
    }
    
    
  2. Maven

    
    
      
        jitpack.io
        https://jitpack.io
      
    
    
    
    
    
       com.github.mzyq
       BlurImageAnimator
       0.1.0
    
    
    

代码

  1. 继承BlurView,并重写以下三个方法。

    
    protected abstract View getImageView(Context context);
    
    /**
     * 模糊图片加载
     *
     * @param blurView
     * @param imagePath
     * @param blueRadius
     */
    public abstract void blurImage(Context context, View blurView, Object imagePath, int blueRadius);
    
    /**
     * 正常图片加载
     *
     * @param blurView
     * @param imagePath
     */
    public abstract void normalImage(Context context, View blurView, Object imagePath);
    
    
  1. 设置需要加载的图片路径

    public void setImagePath(Object imagePath)
    
  2. 改变模糊程度/改变图片透明度

    public void setImageAlpha(float alpha)
    
  3. 动画:支持ValueAnimator和ObjectAnimator

  • ObjectAnimator动画

    ObjectAnimator objectAnimator = ObjectAnimator.ofFloat(blurCircleImageView, "ImageAlpha", 0, 1, 0);
    objectAnimator.setRepeatCount(ObjectAnimator.INFINITE);
    objectAnimator.setDuration(2000);
    objectAnimator.start();
    
  • ValueAnimator动画

    ValueAnimator animator = ValueAnimator.ofFloat(0, 1, 0);
    animator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
        @Override
        public void onAnimationUpdate(ValueAnimator animation) {
            float alpha= (float) animation.getAnimatedValue();
            blurCircleImageView.setImageAlpha(alpha);
        }
    });
    animator.setRepeatCount(ValueAnimator.INFINITE);
    animator.setDuration(2000);
    animator.start();
    
  1. 其他方法
  • 设置最大模糊半径,默认为10

    public int getBlurRadius()
    
  • 显示模糊图片,默认显示模糊图片

    public boolean showBlueView()
    
  • 例子参考

    FrescoBlurView

    GlideBlurView

    PicassoBlurView

GitHub

BlurImageAnimator

你可能感兴趣的:(Android图片高斯模糊动画)