Android——Animation动画

动画分Tween Animation和属性动画animator。

动画大致分四种:

translate平移动画、scale缩放动画、alpha透明度动画、rotate旋转动画。

设置动画属性值一般有这么5个:

1.起始状态 from

2.目标状态 to

3.时间 duration

4.动画终了的状态 fillafter

5.加速度的问题 插值器interpolator

常用xml实现,当然代码也可以,这里用xml来设置各个动画。

在设置动画之前需要在res下面创建新的folder,起名anim存放动画的xml。

透明度alpha:

<?xml version="1.0" encoding="utf-8"?>
<alpha
    android:fromAlpha="0.3" //透明度从0.0--1.0
    android:toAlpha="1.0"
    android:duration="3000"  // 动画持续3android:fillAfter="true" //动画执行完成后不返回原位置
    android:interpolator="@android:anim/accelerate_interpolator"
    //设置插值器是加速效果
    xmlns:android="http://schemas.android.com/apk/res/android">


</alpha>

这样透明度动画从0.3到1,时间为3秒的动画就设置完成了,插值器是增加动画渐变效果

的,有加速,减速,弹跳等。

旋转动画rotate:

<?xml version="1.0" encoding="utf-8"?>
<rotate
    android:fromDegrees="0" // 旋转从0360android:toDegrees="360"
    android:duration="3000"
    android:interpolator="@android:anim/anticipate_interpolator"
    android:fillAfter="true"
    android:pivotX="50%"  //旋转中心从图片正中心为准
    android:pivotY="50%"
    xmlns:android="http://schemas.android.com/apk/res/android">


</rotate>

缩放动画scale:

<?xml version="1.0" encoding="utf-8"?>
<scale
    android:fromXScale="50%" //动画从原图的50%开始到100%进行放大
    android:fromYScale="50%"
    android:toXScale="100%"
    android:toYScale="100%"
    android:pivotX="50%"   //缩放中心是图片的中心
    android:pivotY="50%"
    android:duration="2000"
    android:interpolator="@android:anim/overshoot_interpolator"
    android:fillAfter="true"
    xmlns:android="http://schemas.android.com/apk/res/android">


</scale>

平移动画translate:

<?xml version="1.0" encoding="utf-8"?>
<translate
    android:fromXDelta="0"   //图片从底部上来,到达指定的0.0位置
    android:fromYDelta="100%"//可以是数值
    android:toXDelta="0"
    android:toYDelta="0"
    android:duration="3000"
    android:interpolator="@android:anim/bounce_interpolator"
    xmlns:android="http://schemas.android.com/apk/res/android">


</translate>

xml做好以后,在Activity中可以调用该效果动画了。这里以一幅图片为例,给每个动画

设置一监听按钮。

这里写图片描述

Mainactivity:

public class MainActivity extends Activity {
    private ImageView iv;
    private AlphaAnimation alpha;
    private Animation anim;


    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        iv=(ImageView) findViewById(R.id.iv);


    }
    public void alpha(View v)
    {
        alpha=(AlphaAnimation) AnimationUtils.loadAnimation(this, R.anim.alpha_iv);
        iv.setAnimation(alpha);
    }
    public void translate(View v)
    {
        anim=AnimationUtils.loadAnimation(this, R.anim.translate);
        iv.setAnimation(anim);
    }
    public void scale(View v)
    {
        anim=AnimationUtils.loadAnimation(this, R.anim.scale_iv);
        iv.setAnimation(anim);
    }
    public void rotate(View v)
    {
        anim=AnimationUtils.loadAnimation(this, R.anim.rotate_iv);
        iv.setAnimation(anim);
    }
}

通过 AnimationUtils.loadAnimation加载对应的动画,将图片与动画绑定起来即可。

各个动画效果结束以后,是不是可以结合到一块出现更复杂的动画呢?答案是肯定的。

这里用AnimationSet来讲多个动画放在一起,一并执行。

set的xml:

<?xml version="1.0" encoding="utf-8"?>
<set 
    android:duration="3000"
    android:fillAfter="true"
    xmlns:android="http://schemas.android.com/apk/res/android">
    <alpha 
        android:fromAlpha="0.3"
        android:toAlpha="1"
        android:interpolator="@android:anim/cycle_interpolator"

        />

    <translate android:fromXDelta="0"
        android:fromYDelta="0"
        android:toXDelta="50%"
        android:toYDelta="50%"
        android:interpolator="@android:anim/accelerate_interpolator"

        />

</set>

这里将透明度动画和平移动画放到了一块,相同的属性可以放在set标签中。

在Activity同样它的监听方法:

public void set(View v)
    {
        set=(AnimationSet) AnimationUtils.loadAnimation(this, R.anim.set_iv);
                iv.setAnimation(set);
    }

这样就并行两个动画了,既然并行都有了,串行一个一个动画也是可以的。

需要设置动画的监听 AnimationListener(),第一个动画结束以后执行第二个动画。

里面有onAnimationStart,onAnimationRepeat方法和onAnimationEnd方法,显然

第三个是在动画结束后执行的操作,只要在这个里面放入下一个动画即可。

在监听动画的按钮中看代码:

public void lianxu(View v)
    {

        anim=new Animation() {};
        anim.setAnimationListener(listener);
        iv.setAnimation(anim);
    }

在这里必须要new出来anim,不能只定义,不然会报空指针异常。

监听事件:

private AnimationListener listener=new AnimationListener() {

        @Override
        public void onAnimationStart(Animation animation) {
            // TODO Auto-generated method stub
            set=(AnimationSet) AnimationUtils.loadAnimation(MainActivity.this, R.anim.set_iv);
            iv.setAnimation(set);
        }

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

        }

        @Override
        public void onAnimationEnd(Animation animation) {
            // TODO Auto-generated method stub
            anim=AnimationUtils.loadAnimation(MainActivity.this, R.anim.rotate_iv);
            iv.setAnimation(anim);
        }
    };
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值