android动画Animation-优快云博客

本文详细介绍了Android中的各种动画类型，包括变换动画（透明度、缩放、平移、旋转）、帧动画、布局动画及属性动画。提供了XML配置和Java代码实现的具体示例，并展示了如何创建组合动画和同步动画。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

首先我们要知道一共有哪几种动画，这个面试有可能被问哦^_^。

变换动画（透明度、缩放、平移、旋转）、逐帧动画、布局动画和属性动画

一、变换动画

我们可以通过XML文件设置动画也可以通过java代码设置动画，当动画的状态是动态获取的，就是比较灵活的时候，我们选java代码的，否则选择XML的更加方便。

1、透明度

1）通过xml文件设置

alphademo.xml（在res/anim文件夹下）

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
<!---透明度的取值时0.0（完全透明）～1.0（完全不透明）->
    <alpha
        //动画持续的时间，毫秒为单位
        android:duration="2000"
        //动画开始时的透明度，浮点型
        android:toAlpha="1.0"
        //动画结束时的透明度
        android:fromAlpha="0.1"
        />
</set>

如何启动动画呢？

 Animation alphaAnimation = AnimationUtils.loadAnimation(this,R.anim.alphademo);
        imageView.startAnimation(alphaAnimation);

2）通过java代码实现

//参数一：动画开始时透明度，参数二：动画结束时透明度
 AlphaAnimation alphaAnimation = new AlphaAnimation(0.1f,0.8f);
 //动画持续的时间
 alphaAnimation.setDuration(3000);
 //开启动画
 imageView.startAnimation(alphaAnimation);

2、缩放动画

1）xml加载动画

scaledemo.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <scale 
        //动画持续的时间
        android:duration="2000"
        //X开始的大小（小于1表示缩小，大于1表示拉伸）
        android:fromXScale="0.2"
        //X结束时大小
        android:toXScale="1.2"
        //Y从多大开始
        android:fromYScale="0.0"
        //Y到多大结束
        android:toYScale="1"
        //以X轴的那点开始缩放
        android:pivotX="50%"
        //以Y轴的那点为基准点开始缩放
        android:pivotY="50%"
        //动画插入器
           android:interpolator="@android:anim/accelerate_decelerate_interpolator"
        //动画结束后是否被应用
        android:fillAfter="true"
        />

</set>

开启动画

        Animation animation = AnimationUtils.loadAnimation(this,R.anim.scaledemo);
        imageView.startAnimation(animation);

2）java代码开启动画

//创建缩放动画的对象，参数一：X开始的大小，参数二：X结束时大小，参数三：Y开始大小，参数四：Y结束大小
 ScaleAnimation scaleAnimation = new ScaleAnimation(1.0f,2.0f,0.0f,1.0f);
 //设置动画持续的时间，毫秒为单位
 scaleAnimation.setDuration(2000);
 //动画结束后是否被应用
 scaleAnimation.setFillAfter(true);
 //开启动画
 imageView.startAnimation(scaleAnimation);

3、平移动画

1）xml文件启动动画

translatedemo.xml

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

    <translate
        android:duration="2000"
        android:fromXDelta="10"
        android:toXDelta="200"
        android:fromYDelta="0"
        android:toYDelta="0"
        android:fillAfter="false"
        />
</set>

几乎都是差不多的

 Animation animation = AnimationUtils.loadAnimation(this,R.anim.translatedemo);
 imageView.startAnimation(animation);

2）java代码实现

TranslateAnimation translateAnimation = new TranslateAnimation(10.0f,200f,30f,210f);
translateAnimation.setDuration(2000);
translateAnimation.setFillAfter(true);
imageView.startAnimation(translateAnimation);

4、旋转动画

1）xml文件实现

rotatedemo.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <rotate
        android:duration="2000"
        android:fromDegrees="45"
        android:toDegrees="60"
        android:fillAfter="true"/>
<!--fromDegrees 属性为动画起始时物件的角度    
            toDegrees   属性为动画结束时物件旋转的角度 可以大于360度   

            说明:
                     当角度为负数——表示逆时针旋转
                     当角度为正数——表示顺时针旋转              
                     (负数from——to正数:顺时针旋转)   
                     (负数from——to负数:逆时针旋转) 
                     (正数from——to正数:顺时针旋转) 
                     (正数from——to负数:逆时针旋转)       

            pivotX     属性为动画相对于物件的X坐标的开始位置
            pivotY     属性为动画相对于物件的Y坐标的开始位置

            说明:        以上两个属性值 从0%-100%中取值
                         50%为物件的X或Y方向坐标上的中点位置
                         -->
</set>

启动的代码还是一样的

 Animation animation = AnimationUtils.loadAnimation(this,R.anim.rotatedemo);
 imageView.startAnimation(animation);

2）java代码实现

RotateAnimation rotateAnimation = new RotateAnimation(0f,-30f);
rotateAnimation.setDuration(2000);
rotateAnimation.setFillAfter(true);
imageView.startAnimation(rotateAnimation);

5、每种动画都会了，来一个组合的吧

RotateAnimation rotateAnimation = new RotateAnimation(0f, -30f,0.5f,0.5f);
        rotateAnimation.setDuration(2000);
        rotateAnimation.setFillAfter(true);
        //设置启动的时间
//        rotateAnimation.setStartOffset(2000);
        imageView.startAnimation(rotateAnimation);
        rotateAnimation.setAnimationListener(new Animation.AnimationListener() {
            //动画开始的时候执行
            @Override
            public void onAnimationStart(Animation animation) {

            }
            //动画结束后执行
            @Override
            public void onAnimationEnd(Animation animation) {
                TranslateAnimation translateAnimation = new TranslateAnimation(0f, 200f, 0f, 50f);
                translateAnimation.setFillAfter(true);
                translateAnimation.setDuration(3000);
                imageView.startAnimation(translateAnimation);
            }
            //动画重复的时候执行
            @Override
            public void onAnimationRepeat(Animation animation) {

            }
        });

参考的

这里写图片描述

6、我们可能会有这样的需求：多个动画同时执行

1）xml文件方式

togeranimation.xml

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

    <translate
        android:duration="2000"
        android:fromXDelta="0.0"
        android:toXDelta="200.0"
        android:fromYDelta="0.0"
        android:toYDelta="30.0"
        android:fillAfter="true"
        />
    <rotate
        android:duration="3000"
        android:fromDegrees="0.0"
        android:toDegrees="30.0"
        android:fillAfter="true"
        />

</set>

启动的方式还是一样的

 Animation animation = AnimationUtils.loadAnimation(this,R.anim.togeranimation);
imageView.startAnimation(animation);

2）使用java代码有些不同

        AnimationSet animationSet = new AnimationSet(true);
        TranslateAnimation translateAnimation = new TranslateAnimation(0f, 200f, 0f, 50f);
        translateAnimation.setDuration(3000);
        //一定要把动画添加到动画集中
        animationSet.addAnimation(translateAnimation);

        RotateAnimation rotateAnimation = new RotateAnimation(0f, -30f,0.5f,0.5f);
        rotateAnimation.setDuration(2000);
        animationSet.addAnimation(rotateAnimation);
        //启动方式一样，只不过传入的是AnimationSet对象了
        imageView.startAnimation(animationSet);

二、帧动画

与上面那种动画不同的是，xml文件放到了drawable文件夹下

animation.xml

注意哦这里的根元素是animation-list ，子元素是item

<?xml version="1.0" encoding="utf-8"?>
<animation-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item
        android:drawable="@mipmap/loading1"
        android:duration="200" />
    <item
        android:drawable="@mipmap/loading2"
        android:duration="200" />
    <item
        android:drawable="@mipmap/loading3"
        android:duration="200" />
    <item
        android:drawable="@mipmap/loading4"
        android:duration="200" />
    <item
        android:drawable="@mipmap/loading5"
        android:duration="200" />
    <item
        android:drawable="@mipmap/loading6"
        android:duration="200" />
    <item
        android:drawable="@mipmap/icon"
        android:duration="200" />

</animation-list>

接下来就是java代码了

public class Animationtoger extends AppCompatActivity {

    private AnimationDrawable animationDrawable = null;
    private ImageView imageView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_animationtoger);
        imageView = (ImageView) findViewById(image_view);
        //初始化AnimationDrawable
        animationDrawable = (AnimationDrawable) getResources().getDrawable(R.drawable.animation);
        //将imageView的背景设置为AnimationDrawable
        imageView.setBackground(animationDrawable);

    }
    public void startAnimation(View view){
        //开启动画，停止用stop
        animationDrawable.start();
    }
}

三、布局动画

我这里面实现的效果是，ListView中每个条目一次从右滑出并可见。
布局动画使用的是LayoutAnimationController，它是用于为一个layout里面的控件，或者是一个ViewGroup里面的控件设置动画效果。

public class LayoutAnimationActivity extends AppCompatActivity {

    private ListView listView;
    private List<String> list;
    private ArrayAdapter<String> adapter;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_layout_animation);
        listView = (ListView) findViewById(R.id.listview);

        list = new ArrayList<>();
        for (int i = 0; i < 20; i++) {
            list.add("你好黑啊＋" + i);
        }
        adapter = new ArrayAdapter<String>(this, android.R.layout.simple_list_item_1, list);
        listView.setAdapter(adapter);
        AnimationSet set = new AnimationSet(true);

        Animation animation = new AlphaAnimation(0.0f, 1.0f);
        animation.setDuration(2000);
        set.addAnimation(animation);

        animation = new TranslateAnimation(100f,10f,0,0);
        animation.setDuration(2000);
        set.addAnimation(animation);
        //得到布局动画控制器
        LayoutAnimationController layoutAnimationController = new LayoutAnimationController(set);
//设置控件显示的顺序
             layoutAnimationController.setOrder(LayoutAnimationController.ORDER_NORMAL);
        listView.setLayoutAnimation(layoutAnimationController);
        //写不写都可以，不写也会出现同样的效果
        listView.startLayoutAnimation();

    }
}