Android利用动画实现背景逐渐变暗

前言

之前写了一篇Android-实现底部弹出PopupWindow并让背景逐渐变暗,介绍利用Handler动态改变背景透明度从而达到变暗的效果。现在补充一种方法,使用动画来实现相同的效果。

ValueAnimator Interpolator

今天的主角就是这俩,关于ValueAnimator和Interpolator(插值器)的概念请各位自行补充,这里主要讲述怎么用到我们这里来(因为我也不很懂(捂脸))。

效果

跟之前没有太大区别,只是为了演示变暗、变亮的过程 ↓

代码

AnimUtil.java

/**
 * 动画工具类
 * UpdateListener: 动画过程中通过添加此监听来回调数据
 * EndListener: 动画结束的时候通过此监听器来做一些处理
 */
public class AnimUtil {

  private ValueAnimator valueAnimator;
  private UpdateListener updateListener;
  private EndListener endListener;
  private long duration;
  private float start;
  private float end;
  private Interpolator interpolator = new LinearInterpolator();

  public AnimUtil() {
    duration = 1000; //默认动画时常1s
    start = 0.0f;
    end = 1.0f;
    interpolator = new LinearInterpolator();// 匀速的插值器
  }

  public void setDuration(int timeLength) {
    duration = timeLength;
  }

  public void setValueAnimator(float start, float end, long duration) {

    this.start = start;
    this.end = end;
    this.duration = duration;

  }

  public void setInterpolator(Interpolator interpolator) {
    this.interpolator = interpolator;
  }

  public void startAnimator() {
    if (valueAnimator != null){
      valueAnimator = null;
    }
    valueAnimator = ValueAnimator.ofFloat(start, end);
    valueAnimator.setDuration(duration);
    valueAnimator.setInterpolator(interpolator);
    valueAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
      @Override
      public void onAnimationUpdate(ValueAnimator valueAnimator) {

        if (updateListener == null) {
          return;
        }

        float cur = (float) valueAnimator.getAnimatedValue();
        updateListener.progress(cur);
      }
    });
    valueAnimator.addListener(new Animator.AnimatorListener() {
      @Override
      public void onAnimationStart(Animator animator) {}
      @Override
      public void onAnimationEnd(Animator animator) {
        if(endListener == null){
          return;
        }
        endListener.endUpdate(animator);
      }
      @Override
      public void onAnimationCancel(Animator animator) {}

      @Override
      public void onAnimationRepeat(Animator animator) {}
    });
    valueAnimator.start();
  }

  public void addUpdateListener(UpdateListener updateListener) {

    this.updateListener = updateListener;
  }

  public void addEndListner(EndListener endListener){
    this.endListener = endListener;
  }

  public interface EndListener {
    void endUpdate(Animator animator);
  }

  public interface UpdateListener {

    void progress(float progress);
  }

}

MainActivity.java

public class MainActivity extends AppCompatActivity {
  private AnimUtil animUtil;
  private float bgAlpha = 1f;
  private boolean bright = false;
  PopupWindow popupWindow;
  Button button;
  @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    animUtil = new AnimUtil();
    button = (Button) findViewById(R.id.btn);
    button.setOnClickListener(new View.OnClickListener() {
      @Override
      public void onClick(View view) {
        bottomwindow(button);
        toggleBright();
      }
    });

  }

  private void toggleBright() {
    //三个参数分别为: 起始值 结束值 时长 那么整个动画回调过来的值就是从0.5f--1f的
    animUtil.setValueAnimator(0.5f, 1f, 350);
    animUtil.addUpdateListener(new AnimUtil.UpdateListener() {
      @Override
      public void progress(float progress) {
        //此处系统会根据上述三个值,计算每次回调的值是多少,我们根据这个值来改变透明度
        bgAlpha = bright ? progress : (1.5f - progress);//三目运算,应该挺好懂的。
        backgroundAlpha(bgAlpha);//在此处改变背景,这样就不用通过Handler去刷新了。
      }
    });
    animUtil.addEndListner(new AnimUtil.EndListener() {
      @Override
      public void endUpdate(Animator animator) {
        //在一次动画结束的时候,翻转状态
        bright = !bright;
      }
    });
    animUtil.startAnimator();
  }

  /***
   * 此方法用于改变背景的透明度,从而达到“变暗”的效果
   */
  private void backgroundAlpha(float bgAlpha) {
    WindowManager.LayoutParams lp = getWindow().getAttributes();
    lp.alpha = bgAlpha; //0.0-1.0
    getWindow().setAttributes(lp);
    getWindow().addFlags(WindowManager.LayoutParams.FLAG_DIM_BEHIND);
  }

  void bottomwindow(View view) {
    if (popupWindow != null && popupWindow.isShowing()) {
      return;
    }
    LinearLayout layout = (LinearLayout) getLayoutInflater().inflate(R.layout.window_popup, null);
    popupWindow = new PopupWindow(layout,
        ViewGroup.LayoutParams.MATCH_PARENT,
        ViewGroup.LayoutParams.WRAP_CONTENT);
    //点击空白处时,隐藏掉pop窗口
    popupWindow.setFocusable(true);
    popupWindow.setBackgroundDrawable(new BitmapDrawable());

    popupWindow.setAnimationStyle(R.style.Popupwindow);
    int[] location = new int[2];
    view.getLocationOnScreen(location);
    popupWindow.showAtLocation(view, Gravity.LEFT | Gravity.BOTTOM, 0, -location[1]);
    popupWindow.setOnDismissListener(new PopupWindow.OnDismissListener() {
      @Override
      public void onDismiss() {
        toggleBright();
      }
    });
  }
}

代码很简单,注释都写了。

小结:

对比之前的那种用Handler的方法写的,这种感觉代码更简洁,更容易在多处使用,也算是填坑吧,哈哈。 如果本文埋下了另一个坑,请大家指正,谢谢!

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。

(0)

相关推荐

  • Android动画之逐帧动画(Frame Animation)实例详解

    本文实例分析了Android动画之逐帧动画.分享给大家供大家参考,具体如下: 在开始实例讲解之前,先引用官方文档中的一段话: Frame动画是一系列图片按照一定的顺序展示的过程,和放电影的机制很相似,我们称为逐帧动画.Frame动画可以被定义在XML文件中,也可以完全编码实现. 如果被定义在XML文件中,我们可以放置在/res下的anim或drawable目录中(/res/[anim | drawable]/filename.xml),文件名可以作为资源ID在代码中引用:如果由完全由编码实现,我

  • Android 动画之TranslateAnimation应用详解

    android中提供了4中动画: AlphaAnimation 透明度动画效果 ScaleAnimation 缩放动画效果 TranslateAnimation 位移动画效果 RotateAnimation 旋转动画效果 本节讲解TranslateAnimation动画,TranslateAnimation比较常用,比如QQ,网易新闻菜单条的动画,就可以用TranslateAnimation实现, 通过TranslateAnimation(float fromXDelta, float toXD

  • Android动画之3D翻转效果实现函数分析

    Android中的翻转动画效果的实现,首先看一下运行效果如上图所示. Android中并没有提供直接做3D翻转的动画,所以关于3D翻转的动画效果需要我们自己实现,那么我们首先来分析一下Animation 和 Transformation. Animation动画的主要接口,其中主要定义了动画的一些属性比如开始时间,持续时间,是否重复播放等等.而Transformation中则包含一个矩阵和alpha值,矩阵是用来做平移,旋转和缩放动画的,而alpha值是用来做alpha动画的,要实现3D旋转动画

  • Android 动画之AlphaAnimation应用详解

    android中提供了4中动画: AlphaAnimation 透明度动画效果 ScaleAnimation 缩放动画效果 TranslateAnimation 位移动画效果 RotateAnimation 旋转动画效果 本节讲解AlphaAnimation 动画,窗口的动画效果,淡入淡出什么的,有些游戏的欢迎动画,logo的淡入淡出效果就使用AlphaAnimation. 直接看代码: 复制代码 代码如下: public class MainActivity extends Activity

  • Android开发之背景动画简单实现方法

    本文实例讲述了Android开发之背景动画简单实现方法.分享给大家供大家参考,具体如下: 1.先创建动画层,有三张图片 <?xml version="1.0" encoding="utf-8"?> <animation-list xmlns:android="http://schemas.android.com/apk/res/android" > <item android:drawable="@draw

  • Android 动画之ScaleAnimation应用详解

    android中提供了4中动画: AlphaAnimation 透明度动画效果 ScaleAnimation 缩放动画效果 TranslateAnimation 位移动画效果 RotateAnimation 旋转动画效果 本节讲解ScaleAnimation 动画, ScaleAnimation(float fromX, float toX, float fromY, float toY,int pivotXType, float pivotXValue, int pivotYType, flo

  • 三款Android炫酷Loading动画组件推荐

    最近突然心血来潮,对一些Loading感兴趣,Loading这玩意说重要也重要,说不重要也不重要,因为这是一个提升你产品体验的一个细节,如果loading做的好,对于一些耗时需要用户等待的页面来说会转移用户注意力,不会显得那么烦躁,所以你可以看到市面上各种各样好玩的Loading动画,那么这篇博客就准备收集下一些Loading动画吧,从这些实现思路上可以打开你们自己的思维,没准也会有创新好玩的Loading动画出现. 暂且先列举些最近GitHub新鲜出炉的Loading CircleProgre

  • Android的Activity跳转动画各种效果整理

    大家使用Android的原生UI都知道,Android的Activity跳转就是很生硬的切换界面.其实Android的Activity跳转可以设置各种动画.下面给大家看看效果:  实现非常简单,用overridePendingtransition(int inId, int outId)即可实现.inId是下一界面进入效果的xml文件的id,outId是当前界面退出效果的xml文件id. 效果是用xml文件写的,首先要在res文件夹下建立anim文件夹,然后把动画效果xml文件放到里面去. 下面

  • Android 使用XML做动画UI的深入解析

    效果: http://www.56.com/u82/v_OTM4MDk5MTk.html第一步: 创建anim文件夹放置动画xml文件在res文件夹下,创建一个anim的子文件夹. 第二步: 加载动画接着在Activity创建一个Animation类,然后使用AnimationUtils类加载动画xml 复制代码 代码如下: Animation animFadein; @Overrideprotected void onCreate(Bundle savedInstanceState) { su

  • Android 动画之RotateAnimation应用详解

    android中提供了4中动画: AlphaAnimation 透明度动画效果 ScaleAnimation 缩放动画效果 TranslateAnimation 位移动画效果 RotateAnimation 旋转动画效果 本节讲解RotateAnimation 动画, RotateAnimation (float fromDegrees, float toDegrees, int pivotXType, float pivotXValue, int pivotYType, float pivot

  • Android启动画面的实现方法

    本文实例讲述了Android启动画面的实现方法.分享给大家供大家参考.具体分析如下: 在应用程序中经常用到启动画面,会启动一个后台线程为主程序的运行准备资源. Android要实现启动画面可以这样做: 这是splash.xml布局文件的代码: 复制代码 代码如下: <LinearLayout   xmlns:android="http://schemas.android.com/apk/res/android"   android:layout_height="fill

随机推荐