Android中的补间动画

原创 2016年05月10日 18:40:29

在动画中一般有三种动画方式:

补间动画;逐针动画;属性动画。

首先补间动画的实现步骤:

1.在res目录下建立文件夹anim

2.在anim文件夹下建立animation.xml动画文件

3.在animation.xml文件中描述某种动画的属性

4.在代码中利用AnimationUtils.loadAnimation方法加载动画文件

5.在代码中用View的startAnimation方法启动动画。

根据动画效果一般为:渐变动画(AlphaAnimation)

渐变动画的属性有:

fromAlpha动画起始时透明度,取值在0.0-1.0之间

toAlpha 动画结束时透明度,取值在0.0-1.0之间

duration 动画持续时间,以毫秒为单位

repeatCount 动画重复次数,这个重复次数不包括第一次播放。

实现代码:

xml文件

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">

    <alpha
        android:fromAlpha="0.1"
        android:toAlpha="1.0"
        android:duration="2000"
        android:repeatCount="3"
    ></alpha>
</set>
java代码:

 public void qidong01(View v){
        Animation animation = AnimationUtils.loadAnimation(this, R.anim.alpha);  //加载xml文件为对象  
        iv.clearAnimation();
        iv.startAnimation(animation);   //赋值给ImageView   启动
    }
第二种实现方法 只用java代码

 //第二个启动动画事件
    public void qidong02(View v){
        Animation animation;
        animation = new AlphaAnimation(0.1f, 1.0f);  //设置透明度起点和终点
        animation.setDuration(2000);   //设置时长
        animation.setRepeatCount(2);   //设置次数

        iv.clearAnimation();  //删除动画
        iv.startAnimation(animation);  // 启动动画
    }
缩放动画(ScaleAnimation)

主要属性有:

fromXScale 动画起始时X坐标上的伸缩倍数0.0表示收缩到没有

fromYScale 动画起始时Y坐标上的伸缩倍数

toXScale 动画终止时X坐标上的伸缩倍数2.0表示扩大2倍

toYScale 动画终止时Y坐标上的伸缩倍数

pivotX  X轴上的伸缩参考点

pivotY  Y轴上的伸缩参考点50%代表X或Y方向坐标上的中点位置

duration 动画持续时间,以毫秒为单位
repeatCount 动画重复次数,这个重复次数不包括第一次播放。

实现代码:

xml文件代码:

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">

    <scale
        android:fromXScale="0.0"
        android:fromYScale="0.0"
        android:toXScale="2.0"
        android:toYScale="2.0"
        android:pivotX="50%"
        android:pivotY="50%"
        android:duration="2000"
        />

</set>
java代码:

public void qidong01(View v){
        Animation animation = AnimationUtils.loadAnimation(this, R.anim.scale);
        iv.clearAnimation();
        iv.startAnimation(animation);
    }
只用java实现的时候的代码:

public void qidong02(View v){
        Animation animation;
        animation = new ScaleAnimation(0.0f, 2.0f, 0.0f, 2.0f,
                Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);  //设置x起点终点,y起点终点,以自身角度以50%的点为参考点扩展
        animation.setDuration(2000);   //设置时长
        animation.setRepeatCount(2);   //设置次数

        iv.clearAnimation();  //删除动画
        iv.startAnimation(animation);  // 启动动画
    }
平移动画(TranslateAnimation)  一般的主要属性有:

fromXDelta 动画起始时X坐标上的位置

fromYDelta 动画起始时Y坐标上的位置

toXDelta 动画终止时X坐标上的位置

toYDelta 动画终止时Y坐标上的位置

xml文件代码:

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">

    <translate
        android:fromXDelta="1080"
        android:toXDelta="0"
        android:fromYDelta="0"
        android:toYDelta="0"
        android:duration="2000"
        />

</set>
java代码:

public void qidong01(View v){
        Animation animation = AnimationUtils.loadAnimation(this, R.anim.trans);
        iv.clearAnimation();
        iv.startAnimation(animation);
    }
只用java代码实现的时候代码:

 public void qidong02(View v){
        Animation animation;
        animation = new TranslateAnimation(1080.0f, 0.0f, 0.0f, 0.0f);  //设置x的起始位置,终止位置;Y的起始位置,终止位置。
        animation.setDuration(2000);   //设置时长
        animation.setRepeatCount(2);   //设置次数

        iv.clearAnimation();  //删除动画
        iv.startAnimation(animation);  // 启动动画
    }
旋转动画(RotateAnimation) 主要属性

fromDegrees 动画起始时的角度

toDegrees 动画终止时的角度

pivotX 旋转围绕点的X轴上相对位置,50% 代表自己的中点

pivotY 旋转围绕点的Y轴上相对位置,50% 代表自己的中点

实现代码:

xml文件的代码:

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">

    <translate
        android:fromXDelta="1080"
        android:toXDelta="0"
        android:fromYDelta="0"
        android:toYDelta="0"
        android:duration="2000"
        />

</set>
java代码:

 public void qidong01(View v){
        Animation animation = AnimationUtils.loadAnimation(this, R.anim.rotate);
        iv.clearAnimation();
        iv.startAnimation(animation);
    }
只用java代码实现的代码“

public void qidong02(View v){
        Animation animation;
        animation = new RotateAnimation(0, 360, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);  //设置起始角度,终止角度,相对于自己,中点,相对于自己,中点
        animation.setDuration(2000);   //设置时长
        animation.setRepeatCount(2);   //设置次数

        iv.clearAnimation();  //删除动画
        iv.startAnimation(animation);  // 启动动画
    }<pre name="code" class="html">


逐针动画(FrameAnimation)

实现步骤:

1.在drawable目录下放置动画帧图片

2.在drawable文件夹下建立animation.xml动画文件

3.在animation.xml文件中描述每一帧

4.在代码中利用view.setBackgroundResource方法加载动画文件

5.在代码中用AnimationDrawable的start()方法启动动画xml文件代码:

<?xml version="1.0" encoding="utf-8"?>
<animation-list xmlns:android="http://schemas.android.com/apk/res/android"
    android:oneshot="false">
    <item android:drawable="@drawable/loading_1" android:duration="80" />
    <item android:drawable="@drawable/loading_2" android:duration="80" />
    <item android:drawable="@drawable/loading_3" android:duration="80" />
    <item android:drawable="@drawable/loading_4" android:duration="80" />
    <item android:drawable="@drawable/loading_5" android:duration="80" />
    <item android:drawable="@drawable/loading_6" android:duration="80" />
    <item android:drawable="@drawable/loading_7" android:duration="80" />
    <item android:drawable="@drawable/loading_8" android:duration="80" />
</animation-list>
java代码:

 public void qidong01(View v){

        iv.setBackgroundResource(R.drawable.fram);

        AnimationDrawable animationable = (AnimationDrawable) iv.getBackground();
        animationable.start();
    }
只用代码实现:

public void qidong02(View v){
        AnimationDrawable animationDrawable = new AnimationDrawable();//帧动画对象
        iv.setBackgroundDrawable(animationDrawable);//设置组件背景
        String packageName = this.getApplicationContext().getPackageName();//获取当前包名
        for (int i = 1; i <= 8; i++) {
            //从图片名称反射资源ID
            int id = this.getResources().getIdentifier("loading_"+i, "drawable",  packageName);
            Drawable frame = this.getResources().getDrawable(id);//得到动画帧的对象
            animationDrawable.addFrame(frame, 80);//添加帧,设定时间间隔
        }
        animationDrawable.setOneShot(false);// 只运行一次,false-无限循环
        animationDrawable.start();// 开始播放
    }

























Android 补间动画原理

这段时间项目中用到了动画,所以趁热打铁,看看动画原理 补间动画 使用举例 TranslateAnimation translateAnim = new TranslateAnimation(0, 1...
  • Mr_LiaBill
  • Mr_LiaBill
  • 2015年10月30日 13:53
  • 2225

Android四种补间动画介绍及实现

一.Android的animation由四种类型组成:alpha、scale、translate、rotate alpha 渐变透明度动画效果 scale 渐变尺寸伸缩动...
  • romanstatic
  • romanstatic
  • 2016年09月10日 09:35
  • 1556

Android开发之Tween(补间动画)完全解析(下)——代码实现

在上一篇文章中,我们详细讨论了Tween动画的xml的实现以及interpolator的使用,相信通过上篇文章大家对Tween动画的xml属性的配置会有一个详细的理解,当然这篇文章也是承接上篇文章,这...
  • dmk877
  • dmk877
  • 2016年07月24日 20:30
  • 1941

android 动画 补间动画,渐变动画 Tween Animation

Animation常用属性 duration:动画时间                    repeatCount:重复次数 infinite无限次 fillAfter:是否停止在最后一帧 repe...
  • l331258747
  • l331258747
  • 2017年04月27日 15:31
  • 308

Android开发之Tween(补间动画)完全解析(上)——xml文件配置的实现

相信不管做了多长时间开发的人都用用过Tween动画,从刚开始工作到现在我也是用了N次Tween动画,但是每一次使用总感觉掌握的不够全面,所以花了点时间详细的总结了下Tween动画,其实在android...
  • dmk877
  • dmk877
  • 2016年07月22日 23:27
  • 5906

Android中属性动画和补间动画的区别

目录目录 前言 为什么引入属性动画 属性动画 ObjectAnimator ValueAnimator AnimatorSet Animator监听器前言Android属性动画和补间动画,既是日常工作...
  • zinss26914
  • zinss26914
  • 2016年01月26日 17:52
  • 9483

android属性动画与补间动画的区别及用法

最近开始喜欢上了写博客,目的当然是记录学过的内容,方便下一次来查找,直接进入主题。最近在写demo的时候发现了一个BUG,就是当我用补间动画,也就是视图动画,去实现某个控件的动画效果的时候,点击图片没...
  • kobe_peng
  • kobe_peng
  • 2016年07月12日 16:43
  • 549

android之逐帧,补间动画详解。

在android的世界中有三种动画,它们就是逐帧动画,补间动画,属性 动画。接下来我就分别演示下三种动画的简单用法。各动画的定义: 逐帧动画:就是短时间切换图片,让人们肉眼看起来是连续的,其实就是播放...
  • song_shui_lin
  • song_shui_lin
  • 2016年10月29日 19:05
  • 729

android动画_补间动画_xml方式

一、项目目录结构 二、activity_main.xml界面 三、activity_main.xml代码
  • songyi160
  • songyi160
  • 2017年01月01日 22:54
  • 317

Android 补间动画,具体介绍了透明度、平移,旋转,缩放4种动画效果的实现,简单易懂

Android 补间动画 具体介绍了 1、透明度、 2、平移, 3、旋转, 4、缩放 4种动画效果的实现, 简单易学易懂...
  • llixiangjian
  • llixiangjian
  • 2016年05月13日 12:57
  • 829
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Android中的补间动画
举报原因:
原因补充:

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