1. 三种动画的区别
:http://www.cnblogs.com/ldq2016/p/5407061.html
2.帧动画(drawable )
[1] 在res下创建一个目录 目录名字叫drawable
[2] 在这个目录里面创建一个动画资源 资源的类型是animation-list
[3] 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/girl_1"
android:duration="200"/>
<item
android:drawable="@drawable/girl_2"
android:duration="200"/>
<item
android:drawable="@drawable/girl_3"
android:duration="200"/>
<item
android:drawable="@drawable/girl_4"
android:duration="200"/>
<item
android:drawable="@drawable/girl_5"
android:duration="200"/>
<item
android:drawable="@drawable/girl_6"
android:duration="200"/>
<item
android:drawable="@drawable/girl_7"
android:duration="200"/>
<item
android:drawable="@drawable/girl_8"
android:duration="200"/>
<item
android:drawable="@drawable/girl_9"
android:duration="200"/>
<item
android:drawable="@drawable/girl_10"
android:duration="200"/>
<item
android:drawable="@drawable/girl_11"
android:duration="200"/>
</animation-list>
```
[4] 在代码中实现动画效果
//[1]找到iv 来执行动画
ImageView rocketImage = (ImageView) findViewById(R.id.iv);
//[2]设置rocketImage 背景资源(就是我们刚刚定义的动画资源)
rocketImage.setBackgroundResource(R.drawable.myanim);
//[3]获取动画的资源
AnimationDrawable rocketAnimation = (AnimationDrawable) rocketImage.getBackground();
//[4]开启动画
rocketAnimation.start();
3. 属性动画
属性动画有五种常见的使用方式(位移 缩放 旋转 透明度 组合动画)
[1]使用java代码实现动画效果,为了方便,几种动画一起实现组成组合动画
public void AnimatorSet() {
/**
* target 执行的目标
* propertyName 属性名字 The name of the property being animated. 写对应的属性名字就会产生对应的动画效果
* float... values 可变参数*/
//创建动画的合集
AnimatorSet as = new AnimatorSet();
//位移动画 translation translationX translationY
ObjectAnimator oa = ObjectAnimator.ofFloat(iv, "translationX", 10, 50, 20, 100, 10);
//缩放动画 scale scaleY scaleX
ObjectAnimator oa = ObjectAnimator.ofFloat(iv, "scaleY", 0.1f, 2, 1, 2);
//透明度变化 alpha
ObjectAnimator oa = ObjectAnimator.ofFloat(iv, "alpha", 0, 0.5f, 0, 1, 0, 1);
//旋转动画 rotation rotationY rotationX
ObjectAnimator oa = ObjectAnimator.ofFloat(iv, "rotationY", 0, 180, 90, 360);
oa.setDuration(2000);//设置动画执行的时间
oa.start(); //开始动画
上边的四种动画可单个执行 也可一起执行
as.setTarget(iv);
//往集合中添加动画
//一个一个执行
as.playSequentially(oa, oa2, oa3, oa4);
//一起执行
// as.playTogether(oa, oa2, oa3, oa4);
as.start();
}
[2]使用xml实现属性动画
第一步:Res目录下创建animator目录或anim
<?xml version="1.0" encoding="utf-8"?>
<animator xmlns:android="http://schemas.android.com/apk/res/android" >
<objectAnimator
android:propertyName="translationX"
android:duration="2000"
android:valueFrom="10"
android:valueTo="100"
></objectAnimator>
</animator>
第二步 在代码中执行动画
ObjectAnimator oa = (ObjectAnimator) AnimatorInflater.loadAnimator(this, R.animator.oanimator);
//设置执行目标
oa.setTarget(iv);
oa.start();//开始执行
4. 补间动画
原理:生成动画效果并没有改变控件真实坐标,只是产生了一个动画效果而已
[1] 在代码中实现动画
public void AnimatorSet() {
// fromAlpha开始透明度值 toAlpha:结束透明度值 1,0完全不透明 0.0完全透明
AlphaAnimation aa = new AlphaAnimation(1.0f, 0.0f);
//设置动画执行的时长
aa.setDuration(2000);
//设置重复的次数
aa.setRepeatCount(1);
//设置重复的模式
aa.setRepeatMode(Animation.REVERSE);
//执行动画
iv.startAnimation(aa);
//创建旋转动画
//RotateAnimation ra = new RotateAnimation(0, 360);
//pivotXType:x轴旋转参考的坐标 0.5f:代表当前控件的宽度*0.5
RotateAnimation ra = new RotateAnimation(0, 360, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);
//设置动画执行的时长
ra.setDuration(2000);
//设置重复的次数
ra.setRepeatCount(1);
//设置重复的模式
ra.setRepeatMode(Animation.REVERSE);
//执行动画
iv.startAnimation(ra);
//0.4 代表 屏幕的高度*0.4 大概是100
TranslateAnimation ta = new TranslateAnimation(Animation.RELATIVE_TO_PARENT, 0, Animation.RELATIVE_TO_PARENT, 0, Animation.RELATIVE_TO_PARENT, 0, Animation.RELATIVE_TO_PARENT, 0.3f);
//设置动画执行的时长
ta.setDuration(2000);
//当动画结束后 动画停留在结束位置上
ta.setFillAfter(true);
//执行动画
iv.startAnimation(ta);
ScaleAnimation sa = new ScaleAnimation(1.0f, 4.0f, 1.0f, 4.0f, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);
//设置动画执行的时长
sa.setDuration(2000);
//设置重复的次数
sa.setRepeatCount(1);
//设置重复的模式
sa.setRepeatMode(Animation.REVERSE);
//执行动画
iv.startAnimation(sa);
//创建动画的合集
AnimationSet set = new AnimationSet(true);
//添加动画到集合
set.addAnimation(aa);
set.addAnimation(ra);
set.addAnimation(sa);
set.addAnimation(ta);
//最后一步 执行动画
iv.startAnimation(set);
}
[2] 在xml文件中实现动画效果
[1]在res下创建一个anim目录
[2]在anim目录下创建对应的动画资源文件
[3]当加载动画资源的时候使用下面这个类
public void AnimatorSet() {
Animation ra = AnimationUtils.loadAnimation(getApplicationContext(), R.anim.rotate);
Animation aa = AnimationUtils.loadAnimation(getApplicationContext(),R.anim.alpha);
Animation sa = AnimationUtils.loadAnimation(getApplicationContext(),R.anim.scale);
Animation ta = AnimationUtils.loadAnimation(getApplicationContext(),R.anim.translate);
//一起执行
Animation set = AnimationUtils.loadAnimation(getApplicationContext(),R.anim.set);
iv.startAnimation(ra);
}
在xml文件中的配置 可单独使用某一动画 也可组合动画
<?xml version="1.0" encoding="utf-8"?>
<set>
<alpha
xmlns:android="http://schemas.android.com/apk/res/android"
android:duration="2000"
android:fromAlpha="1.0"
android:repeatCount="1"
android:repeatMode="reverse"
android:toAlpha="0.0" >
</alpha>
<rotate
xmlns:android="http://schemas.android.com/apk/res/android"
android:duration="2000"
android:fromDegrees="0"
android:pivotX="50%"
android:pivotY="50%"
android:repeatCount="1"
android:repeatMode="reverse"
android:toDegrees="360" >
</rotate>
<scale
xmlns:android="http://schemas.android.com/apk/res/android"
android:duration="2000"
android:fromXScale="1.0"
android:fromYScale="1.0"
android:pivotX="50%"
android:pivotY="50%"
android:repeatCount="1"
android:repeatMode="reverse"
android:toXScale="4.0"
android:toYScale="4.0" >
</scale>
<translate
xmlns:android="http://schemas.android.com/apk/res/android"
android:duration="2000"
android:fillAfter="true"
android:fromXDelta="0%p"
android:fromYDelta="0%p"
android:toXDelta="0%p"
android:toYDelta="30%p" >
</translate>
>
</set>
网友评论