Android图片高斯模糊动画

作者: 爱抖腿的飞飞 | 来源:发表于2018-07-19 13:12 被阅读138次

前言

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

预览

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

    
    <repositories>
      <repository>
        <id>jitpack.io</id>
        <url>https://jitpack.io</url>
      </repository>
    </repositories>
    
    
    
    <dependency>
       <groupId>com.github.mzyq</groupId>
       <artifactId>BlurImageAnimator</artifactId>
       <version>0.1.0</version>
    </dependency>
    
    

代码

  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. 其他方法

GitHub

BlurImageAnimator

相关文章

  • Android图片高斯模糊动画

    前言 这里只讲高斯模糊动画的处理,不讨论高斯模糊的处理方式。想看高斯模糊处理的可以参考这个Android 图片高斯...

  • android 图片 高斯模糊 Blur Android

    最近做的一个项目中要实现 图片模糊作为背景 查找了相关资料 有四种方式实现1 官方的 RenderScript ...

  • Android 网易云音乐图片高斯模糊

    Android 背景图流行使用高斯模糊效果,界面效果会比较好看。分析各种实现方式,实现网易云音乐图片加载高斯模糊背...

  • 图片模糊(高斯模糊)

    app的build.gradle配置:

  • 图片高斯模糊

    用系统的CIFilter实现 // blur value:0 - 3 @IBAction func slider...

  • 图片高斯模糊

    使用vImage的高斯模糊 前言 vImage属于Accelerate.Framework,需要导入 Accele...

  • Android 图片的高斯模糊处理

    一、前言: 我们在开发过程中,经常会遇到高斯模糊的图片,或者高斯模糊背景的情况,所以今天记录一下,下面是效果图: ...

  • 快速模糊算法

    图片模糊算法有均值模糊和高斯模糊,均值模糊快速但效果不如高斯,高斯模糊效果好但效率慢。 一种快速模糊算法:算法取自...

  • UIImage扩展

    UIImage+GIF 1.封装了gif动画实现 2.imgView执行动画+图片集+重复次数 3.高斯模糊 4....

  • 图片模糊之高斯模糊

    注:以下文章思想来源于阮一峰老师高斯模糊的算法 最近项目中需要模糊图片,在网上查了很久,终于将功能实现。但是对于其...

网友评论

    本文标题:Android图片高斯模糊动画

    本文链接:https://www.haomeiwen.com/subject/fcctmftx.html