Android动画

原创 2016年08月28日 20:02:28

补间动画

补间动画主要由四种
Alpha透明度动画
Scale尺寸缩放动画
Translate位置移动动画
Rotate旋转动画
补间动画的共同属性
Duration:动画持续时间(单位:毫秒)
FillAfter:设置为true,动画转化在动画结束后被应用。
Interpolator:动画插入器(加速减速插入器)
repeatCount:动画重复的次数
repeatMode:顺序重复、倒叙重复
startOffset:动画之间的时间间隔(应用于组合动画)
动画实现方式
1 配置文件(/res/anim)—alpha、scale、translate、rotate(更简单)
2 java代码实现——AlphaAnimation、ScaleAnimation、TranslateAnimation、RotateAnimation(更灵活)
例如
用java代码去创建

//创建Alpha动画(透明度为10%-100%)
        Animation ani=new AlphaAnimation(0.1f, 1.0f);

        //设置动画时间为5秒
        ani.setDuration(5000);

        //开始播放
        iv.startAnimation(ani);
配置文件
//解析动画文件,生成动画对象
        Animation ani = AnimationUtils.loadAnimation(this, R.anim.set);

        iv.startAnimation(ani);

        //注册动画监听器
        ani.setAnimationListener(new AnimationListener() {

            //当动画开始播放时,调用该方法
            @Override
            public void onAnimationStart(Animation animation) {
            }

            //当动画重复播放时,调用该方法
            @Override
            public void onAnimationRepeat(Animation animation) {
            }

            //当动画播放完毕后,调用该方法
            @Override
            public void onAnimationEnd(Animation animation) {
}

AlphaAnimation
fromAlpha动画起始时的透明度 (1.0表示完全不透明)
toAlpha动画终止时的透明度 (0.0表示完全透明)
ScaleAnimation
fromX,toX分别是起始和结束时x坐标上的伸缩尺寸
fromY,toY分别是起始和结束时y坐标上的伸缩尺寸
pivotX,pivotY分别为伸缩动画相对于x,y轴开始位置
Translate
fromXDelta,fromYDelta分别是起始的X,Y的坐标
toXDelta,toYDelta分别是结束时X,Y的坐标
RotateAnimation
fromDegrees
toDegrees
pivotX,pivotY分别宣战动画相对于x,y的坐标开始位置

帧动画(Frame Animation)

概念
帧动画是一种常见的动画形式(Frame by frame),其原理是在“连续的关键帧”中分解动画动作,也就是在时间轴上逐帧绘制不同的内容,使其连续播放而成动画。
帧动画实现
使用加载配置文件
1. 将图片资源拷贝到drawable资源目录中
2. 在drawable目录中创建帧动画配置文件,在该文件中配置动画所需图片,以及每个图片停留时间。

<animation-list xmlns:android="http://schemas.android.com/apk/res/android" >
<item
    android:drawable="帧图片的资源id"
    android:duration="播放该帧的时间"/>
<item
    android:drawable="帧图片的资源id"
    android:duration="播放该帧的时间"/>
</animation-list>
//载入xml逐帧动画资源
imageView.setImageResource(R.drawable.btn_animation);
aniDrawable = (AnimationDrawable) imageView.getDrawable();
//播放动画
aniDrawable.setOneShot(true);
aniDrawable.start();
//停止动画
//aniDrawable.stop();   
//检查动画是否正在播放
//aniDrawable.isRunning();
使用Java代码创建
//创建动画对象
AnimationDrawable aniDrawable = new AnimationDrawable();
//设置每一帧的帧图片,每一帧播放时间
aniDrawable.addFrame(this.getResources().getDrawable(R.drawable.inc_btn_emphasize_normal), 100);
aniDrawable.addFrame(this.getResources().getDrawable(R.drawable.inc_btn_emphasize_pressed), 100);
aniDrawable.addFrame(this.getResources().getDrawable(R.drawable.inc_btn_normal), 100);
aniDrawable.addFrame(this.getResources().getDrawable(R.drawable.inc_btn_pressed), 100);

imageView.setImageDrawable(aniDrawable);

例子:

//设置资源文件
        iv_down.setImageResource(R.drawable.anim_frame_down);
  //获取资源文件
        anim_down = (AnimationDrawable) iv_down.getDrawable();
//设置监听
        btn_down.setOnClickListener(this);

属性动画(Property Animation)

一个属性动画的实现
//参数:
//动画作用目标
//属性
//属性值
ObjectAnimator animator = ObjectAnimator.ofFloat(iv, "translationX", 0, 100);
animator.setDuration(2000);
animator.start();

Animation动画框架仅仅只是让图像发生位移,而监听事件依然在原地。而属性动画可以移动让监听事件也跟着移动。

多个属性动画实现01
PropertyValuesHolder p01 = PropertyValuesHolder.ofFloat("translationX", 0, 100);
PropertyValuesHolder p02 = PropertyValuesHolder.ofFloat("translationY", 0, 100);
PropertyValuesHolder p03 = PropertyValuesHolder.ofFloat("rotation", 0, 360);
ObjectAnimator animator = ObjectAnimator.ofPropertyValuesHolder(iv, p01, p02, p03);
animator.setDuration(2000);
animator.start();

多个属性动画实现02

ObjectAnimator oa01 = ObjectAnimator.ofFloat(iv, "translationX", 0, 50);
ObjectAnimator oa02 = ObjectAnimator.ofFloat(iv, "translationY", 0, 50);
ObjectAnimator oa03 = ObjectAnimator.ofFloat(iv, "rotation", 0, 360);
AnimatorSet set = new AnimatorSet();
//同时播放
//set.playTogether(oa01, oa02, oa03);
//按顺序播放(先播01,再播02,最后播03)
//set.playSequentially(oa01, oa02, oa03);
//按指定顺序播放 (01和02同时播放,最后播放03)
set.play(oa01).with(oa02);
set.play(oa03).after(oa01);
set.setDuration(1000);
set.start();

动画监听事件
透明度属性动画

ObjectAnimator animator = ObjectAnimator.ofFloat(v, "alpha", 0, 1);
animator.setDuration(1000);
//添加属性动画的监听
animator.addListener(new AnimatorListener() {

    @Override
    public void onAnimationStart(Animator animation) {
        // TODO Auto-generated method stub

    }

    @Override
    public void onAnimationRepeat(Animator animation) {
        // TODO Auto-generated method stub

    }

    //动画结束之后调用该方法
    @Override
    public void onAnimationEnd(Animator animation) {
        // TODO Auto-generated method stub
        Toast.makeText(MainActivity.this, "click", Toast.LENGTH_SHORT).show();
    }

    @Override
    public void onAnimationCancel(Animator animation) {
        // TODO Auto-generated method stub

    }
});

animator.start();

ValueAnimator:

@Override
    public void onClick(View v) {
        // TODO Auto-generated method stub


        ValueAnimator valueAni = ValueAnimator.ofInt(0, 255);
        valueAni.setDuration(1000);
        valueAni.addUpdateListener(new AnimatorUpdateListener() {
            @Override
            public void onAnimationUpdate(ValueAnimator animation) {
                // TODO Auto-generated method stub

                Log.d("Test", "updata value = " + animation.getAnimatedValue());

                tv.setTextColor(Color.rgb((Integer)animation.getAnimatedValue(), 0, 0));
            }
        });
        //播放动画
        valueAni.start();
    }

Android 动画,看完这些还不够

Android动画,看完这些就够了 Android动画分类 View Animation Drawable Animation Property Animation 属性动画 参考链接 Android...
  • u012984054
  • u012984054
  • 2016年03月10日 01:38
  • 4852

Android动画-滚动小车

实现drag,fling效果效果图源码github 源码
  • heqiangflytosky
  • heqiangflytosky
  • 2016年12月19日 17:40
  • 536

Android酷炫动画是怎么实现的?

动画 SVG Airbnb Lottie
  • brycegao321
  • brycegao321
  • 2017年02月09日 21:16
  • 1129

android 中的一个动画,3种方式实现。

实现这个小猪的来回跑动所需共同的是让小猪看起来再跑的样子,需要在drawable下建立两个animation-listpig1_2.xml ...
  • Dr_abandon
  • Dr_abandon
  • 2016年12月29日 17:15
  • 638

Android开发笔记(十五)淡入淡出动画TransitionDrawable

说到淡入淡出动画,可能大家会想到补间动画里面的AlphaAnimation,不过这个深浅动画只能对透明度做渐变效果,也就是只能对一个图形做深浅的颜色变换。如果我们想要从A图片逐渐变为B图片,也就是要实...
  • aqi00
  • aqi00
  • 2015年12月10日 16:42
  • 6148

Android动画之二:View Animation

如上一篇博客《Android动画之一:Drawable Animation》所说,android动画主要分为三大部分,上一篇博客已经讲解Drawable Animation的用法,即逐帧地显示图片,经...
  • CHZiroy
  • CHZiroy
  • 2014年10月26日 12:22
  • 31214

Android view利用canvas绘制动画(一)

写一篇文章来分享一下我是如何利用Canvas来给View绘制动画,希望大家能共同进步。主要利用自定义View和Canvas两个方面知识,欢迎指出错误,大家互相交流共同进步...
  • qq753951qq
  • qq753951qq
  • 2015年08月16日 23:52
  • 2476

android 滑动动画效果

/**        * 定义从左侧进入的动画效果        * @return        */       protected Animation inFromLeftAnimation()...
  • JJMM2009
  • JJMM2009
  • 2014年03月04日 14:24
  • 3883

Android 图片弹跳动画2

在上一篇博文Android 图片弹跳动画里,我用两种方法实现了一个弹跳的动画,实现效果上篇博文里面有,这里就不再贴了,虽说是两种方法,但实现机制是大同小异,核心思想就是递归的不断启动动画,来实现Vie...
  • gesanri
  • gesanri
  • 2016年06月09日 23:31
  • 2034

Android开发笔记(十六)秋千摇摆动画SwingAnimation

上节博主介绍了AlphaAnimation和淡入淡出动画的使用,其实AlphaAnimation只是四种补间动画中的一种。那么为了加深对其他补间动画的理解,我想说说旋转动画RotateAnimatio...
  • aqi00
  • aqi00
  • 2015年12月11日 12:48
  • 2139
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Android动画
举报原因:
原因补充:

(最多只允许输入30个字)