当前位置: 首页 > 编程笔记 >

Android实现创意LoadingView动画效果

高云瀚
2023-03-14
本文向大家介绍Android实现创意LoadingView动画效果,包括了Android实现创意LoadingView动画效果的使用技巧和注意事项,需要的朋友参考一下

Android上的热火锅煮萝卜蔬菜的Loading动画效果。 这是一个锅煮萝卜的Loading动画,效果仿照自之前IOS上看到的一个效果,觉得挺有意思,就移植过来了,在此完成了Dialog的样式,方便使用者作为LoadingView去使用。
关键性代码:

package yellow5a5.demo.boilingloadingview.View;
 
import android.animation.Animator;
import android.animation.AnimatorListenerAdapter;
import android.animation.ValueAnimator;
import android.content.Context;
import android.graphics.drawable.ClipDrawable;
import android.os.Handler;
import android.os.Message;
import android.util.AttributeSet;
import android.util.TypedValue;
import android.view.LayoutInflater;
import android.view.View;
import android.view.animation.Animation;
import android.view.animation.AnimationUtils;
import android.widget.ImageView;
import android.widget.RelativeLayout;
 
import java.util.Timer;
import java.util.TimerTask;
 
import yellow5a5.demo.boilingloadingview.R;
 
/**
 * Created by Weiwu on 16/1/2.
 */
public class BoilingPanView extends RelativeLayout {
 
 
  private View mView;
  private ClipDrawable mWaterDrawable;
 
  private WaterView mWaterView;
  private FlameView mFlameView;
 
  private View mPea1;
  private View mPea2;
  private ImageView mPotato;
  private ImageView mCarrot;
  private ImageView mCoverView;
 
  private Animation mLeftInAnim;
  private Animation mRightInAnim;
 
  private boolean isRightRotate = true;
  private ValueAnimator mCoverAnim;
 
  private BoilingAnimListener mBoilingAnimListener;
 
  public interface BoilingAnimListener {
    //初始动画结束监听
    void onFirstAnimEnd();
  }
 
  public void setBoilingAnimListener(BoilingAnimListener l) {
    this.mBoilingAnimListener = l;
  }
 
  private Handler mHandle = new Handler(new Handler.Callback() {
    @Override
    public boolean handleMessage(Message msg) {
      if (msg.what == 0X0000) {
        mWaterDrawable.setLevel(mWaterDrawable.getLevel() + 800);
      }
      return false;
    }
  });
 
  public BoilingPanView(Context context) {
    this(context, null);
  }
 
  public BoilingPanView(Context context, AttributeSet attrs) {
    this(context, attrs, 0);
  }
 
  public BoilingPanView(Context context, AttributeSet attrs, int defStyleAttr) {
    super(context, attrs, defStyleAttr);
    mView = LayoutInflater.from(context).inflate(R.layout.boiling_pan, this, true);
    initView();
    initStartAnim();
    initCoverAnim();
  }
 
  private void initView() {
    mWaterView = (WaterView) mView.findViewById(R.id.img_water);
    mFlameView = (FlameView) mView.findViewById(R.id.flame);
    mCoverView = (ImageView) mView.findViewById(R.id.img_cover);
    mPea1 = mView.findViewById(R.id.img_pea1);
    mPea2 = mView.findViewById(R.id.img_pea2);
    mPotato = (ImageView) mView.findViewById(R.id.img_potato);
    mCarrot = (ImageView) mView.findViewById(R.id.img_carrot);
    mWaterDrawable = (ClipDrawable) mWaterView.getDrawable();
  }
 
  private void initStartAnim() {
    mLeftInAnim = AnimationUtils.loadAnimation(getContext(), R.anim.left_in_anim);
    mRightInAnim = AnimationUtils.loadAnimation(getContext(), R.anim.right_in_anim);
  }
 
  /*
  抖动的盖子
   */
  private void initCoverAnim() {
    mCoverAnim = ValueAnimator.ofFloat(0f, 1f, 0f).setDuration(800);
    mCoverAnim.setRepeatMode(Animation.REVERSE);
    mCoverAnim.setRepeatCount(-1);
    mCoverAnim.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
      @Override
      public void onAnimationUpdate(ValueAnimator animation) {
        float value = (float) animation.getAnimatedValue();
        if (isRightRotate) {
          mCoverView.setRotation(value * 5);
        } else {
          mCoverView.setRotation(-value * 5);
        }
        mCoverView.setTranslationY(-value * TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, 5, getResources().getDisplayMetrics()));
      }
    });
    mCoverAnim.addListener(new AnimatorListenerAdapter() {
      @Override
      public void onAnimationRepeat(Animator animation) {
        super.onAnimationRepeat(animation);
        isRightRotate = !isRightRotate;
      }
    });
  }
 
  /*
  开始启动的动画
   */
  public void beginFirstInAnim() {
    mPea1.setVisibility(VISIBLE);
    mPea2.setVisibility(VISIBLE);
    mPotato.setVisibility(VISIBLE);
    mCarrot.setVisibility(VISIBLE);
    mCoverView.setVisibility(VISIBLE);
    mPea1.startAnimation(mLeftInAnim);
    mPea2.startAnimation(mLeftInAnim);
    mPotato.startAnimation(mLeftInAnim);
    mCarrot.startAnimation(mRightInAnim);
    mCoverView.startAnimation(mRightInAnim);
    mRightInAnim.setAnimationListener(new Animation.AnimationListener() {
      @Override
      public void onAnimationStart(Animation animation) {
 
      }
 
      @Override
      public void onAnimationEnd(Animation animation) {
        if (mBoilingAnimListener != null) {
          //这里是为了给外部留有操作的空间
          mBoilingAnimListener.onFirstAnimEnd();
        } else {
          beginBoilingAnim();
        }
      }
 
      @Override
      public void onAnimationRepeat(Animation animation) {
 
      }
    });
  }
 
  /*
  开始加水燃火动画
   */
  public void beginBoilingAnim() {
    final Timer timer = new Timer();
    timer.schedule(new TimerTask() {
      @Override
      public void run() {
        mHandle.sendEmptyMessage(0X0000);
        if (mWaterDrawable.getLevel() >= 10000) {
          timer.cancel();
        }
      }
    }, 0, 50);
    mFlameView.startFlaming();
    mCoverAnim.start();
  }
 
  /*
  重置动画
   */
  public void resetAnim() {
    mWaterDrawable.setLevel(0);
    mWaterView.resetBubbleAnim();
    mFlameView.stopFlaming();
    mPea1.setVisibility(INVISIBLE);
    mPea2.setVisibility(INVISIBLE);
    mPotato.setVisibility(INVISIBLE);
    mCarrot.setVisibility(INVISIBLE);
    mCoverView.setVisibility(INVISIBLE);
 
  }
}

希望本文所述对大家学习Android软件编程有所帮助。

 类似资料:
  • 本文向大家介绍Android实现3D翻转动画效果,包括了Android实现3D翻转动画效果的使用技巧和注意事项,需要的朋友参考一下 Android中并没有提供直接做3D翻转的动画,所以关于3D翻转的动画效果需要我们自己实现,那么我们首先来分析一下Animation 和 Transformation。 Animation动画的主要接口,其中主要定义了动画的一些属性比如开始时间,持续时间,是否重复播放

  • 在这里,我们将动态画面简称为动画(animation)。正如动画片的原理一样,动画的本质是利用了人眼的视觉暂留特性,快速地变换画面,从而产生物体在运动的假象。而对于Three.js程序而言,动画的实现也是通过在每秒中多次重绘画面实现的。 为了衡量画面切换速度,引入了每秒帧数FPS(Frames Per Second)的概念,是指每秒画面重绘的次数。FPS越大,则动画效果越平滑,当FPS小于20时,

  • 本文向大家介绍Android实现支付宝AR扫描动画效果,包括了Android实现支付宝AR扫描动画效果的使用技巧和注意事项,需要的朋友参考一下 支付宝AR扫描效果动画实现,具体内容如下 之前一个网友说想要一个支付宝扫描动画的效果demo,所以又花了点时间做了下这个东西,先看效果图 说一下实现的思路,如图中最外围的蓝色的是用两个相距180°的圆弧实现的,再往里又是两个红色的圆弧再往里面是一个红色的圆

  • 本文向大家介绍Android实现图片浮动随意拖拽效果,包括了Android实现图片浮动随意拖拽效果的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了Android实现图片浮动拖拽效果的具体代码,供大家参考,具体内容如下 实现步骤 1.先自定义一个浮动工具类 2.xml布局的引用 3.activity的实现 以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学

  • 本文向大家介绍Android 自定义view实现水波纹动画效果,包括了Android 自定义view实现水波纹动画效果的使用技巧和注意事项,需要的朋友参考一下 在实际的开发中,很多时候还会遇到相对比较复杂的需求,比如产品妹纸或UI妹纸在哪看了个让人兴奋的效果,兴致高昂的来找你,看了之后目的很明确,当然就是希望你能给她; 在这样的关键时候,身子板就一定得硬了,可千万别说不行,爷们儿怎么能说不行呢;

  • 本文向大家介绍Android实现游戏中的渐隐和渐现动画效果,包括了Android实现游戏中的渐隐和渐现动画效果的使用技巧和注意事项,需要的朋友参考一下 1实现渐隐的动画 在程序中实现可以通过如下方式 当然也可以通过配置文件实现 首先在res目录下新建anim文件夹,然后再anim文件夹下新建xml文件gradually.xml 该xml文件主要定义实现渐变的方式 alpha代表透明度,0.0是完全