动画分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" // 动画持续3秒
android: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" // 旋转从0到360度
android: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);
}
};