Android 动画资源 详解
Android 动画资源
一、分类:
(一)、概要:
3.0以前,android支持两种动画模式,补间动画(tween animation),帧动画(frame animation),在android3.0中又引入了一个新的动画系统:属性动画(property animation)。
这三种动画模式在SDK中被称为view animation,drawable animation,property animation。
(二)、动画资源分类:
属性动画:Property Animation 帧动画:Frame Animation (Drawable Animation) 补间动画:Tween Animation (View Animation)1 透明度补间动画
2 缩放补间动画
3 旋转补间动画
4 移动补间动画
? Alpha:渐变透明度动画效果
? Scale:渐变尺寸伸缩动画效果
? Translate:画面转换位置移动动画效果
? Rotate:画面转换位置移动动画效果
二、补间动画:
Tween Animation就是一系列View形状的变换,如大小的缩放、透明度的改变、水平位置的改变、旋转位置改变,动画的定义既可以用java代码定义也可以用XML定义。建议用XML定义。
用XML定义的动画放在/res/anim/文件夹内,XML文件的根元素为 , 二级节点可为,,,。
(一)、Tween Animation共同的属性:
1、duration[long] 属性为动画持续时间 时间以毫秒为单位
2、fillAfter [boolean] 当设置为true ,该动画转化在动画结束后被应用
3、fillBefore[boolean] 当设置为true ,该动画转化在动画开始前被应用
4、interpolator 指定一个动画的插入器 有一些常见的插入器
? accelerate_decelerate_interpolator 加速-减速 动画插入器
? accelerate_interpolator 加速-动画插入器
? decelerate_interpolator 减速- 动画插入器
其他的属于特定的动画效果
5、repeatCount[int] 动画的重复次数
6、repeatMode[String] 定义重复的行为
? “restart” 、”reverse”
? eg: android:repeatMode=”reverse”
(二)、用xml资源实现补间动画:
【说明:】
1.fromAlpha:属性为动画起始时透明度
? 0.0表示完全透明
? 1.0表示完全不透明
? 以上值取0.0-1.0之间的float数据类型的数字
2.toAlpha:属性为动画结束时透明度
【说明:】
1.fromXScale[float]
2.fromYScale[float] 为动画起始时,X、Y坐标上的伸缩尺寸
? 0.0表示收缩到没有
?
? 1.0表示正常无伸缩
?
? 值小于1.0表示收缩
?
? 值大于1.0表示放大
?
3.toXScale [float]
为动画结束时,X坐标上的伸缩尺寸
4.toYScale[float] 为动画结束时,Y坐标上的伸缩尺寸
5.pivotX[float]
6.pivotY[float] 为动画相对于物件的X、Y坐标的开始位置
属性值说明:从0%-100%中取值,50%为物件的X或Y方向坐标上的中点位置
【说明:】
1.fromXDelta
2.toXDelta 为动画结束起始时 X坐标上的位置
3.fromYDelta
4.toYDelta 为动画结束起始时 Y坐标上的位置
【说明:】
1.fromDegrees 为动画起始时物件的角度
说明
:当角度为负数——表示逆时针旋转
当角度为正数——表示顺时针旋转
(负数from——to正数:顺时针旋转)
(负数from——to负数:逆时针旋转)
(正数from——to正数:顺时针旋转)
(正数from——to负数:逆时针旋转)
2.toDegrees 属性为动画结束时物件旋转的角度 可以大于360度
3.pivotX
4.pivotY 为动画相对于物件的X、Y坐标的开始位
说明:以上两个属性值 从0%-100%中取值
,50%为物件的X或Y方向坐标上的中点位置
(三)、用java代码实现补间动画:
public class MainActivity extends AppCompatActivity {
private ImageView iv;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
iv = ((ImageView) findViewById(R.id.iv));
}
public void translateClick1(View view) {
//1.X轴移动的起始位置
//2.X轴移动的结束位置
//3.Y轴移动的起始位置
//4.Y轴移动的结束位置
TranslateAnimation ta = new TranslateAnimation(0, 200, 0, 200);
//动画执行的时间,5000毫秒
ta.setDuration(5000);
//设置动画结束后ImageView保持动画结束时的状态
ta.setFillAfter(true);
//让ImageView产生动画效果
iv.startAnimation(ta);
}
public void alphaClick1(View view) {
//1.表示动画的起始状态,1表示完全不透明,0表示完全透明
//2.表示动画的结束状态
AlphaAnimation aa = new AlphaAnimation(1, 0);
aa.setDuration(3000);
iv.startAnimation(aa);
}
public void scaleClick1(View view) {
//1.X轴起始状态
//2.X轴结束状态
//5。6表示缩放的中心点
// ScaleAnimation sa = new ScaleAnimation(0, 2, 0, 1, iv.getWidth() / 2, iv.getHeight() / 2);
//缩放中心点参考ImageView的中心点,0.5f表示宽度/高度的50%
ScaleAnimation sa = new ScaleAnimation(0, 1, 0, 1, ScaleAnimation.RELATIVE_TO_SELF, 0.5f, ScaleAnimation.RELATIVE_TO_SELF, 0.5f);
sa.setDuration(3000);
iv.startAnimation(sa);
}
public void rotateClick1(View view) {
//1.旋转的起始位置
//2.旋转的结束位置
//3.4表示旋转的中心点
// RotateAnimation ra = new RotateAnimation(0, 360, iv.getWidth() / 2, iv.getHeight() / 2);
RotateAnimation ra = new RotateAnimation(0, 359, RotateAnimation.RELATIVE_TO_SELF, 0.5f, RotateAnimation.RELATIVE_TO_SELF, 0.5f);
//设置旋转次数
ra.setRepeatCount(RotateAnimation.INFINITE);
//设置重复旋转的模式
ra.setRepeatMode(RotateAnimation.REVERSE);
ra.setDuration(3000);
iv.startAnimation(ra);
}
public void setClick1(View view) {
//true表示动画的插值器统一使用AnimationSet默认的插值器
AnimationSet set = new AnimationSet(true);
TranslateAnimation ta = new TranslateAnimation(0, iv.getWidth(), 0, iv.getHeight());
ta.setDuration(3000);
//将所有动画添加到set中
set.addAnimation(ta);
AlphaAnimation aa = new AlphaAnimation(0.2f, 0.8f);
aa.setDuration(3000);
set.addAnimation(aa);
ScaleAnimation sa = new ScaleAnimation(1, 2, 1, 2, ScaleAnimation.RELATIVE_TO_SELF, 0.5f, ScaleAnimation.RELATIVE_TO_SELF, 0.5f);
sa.setDuration(3000);
set.addAnimation(sa);
RotateAnimation ra = new RotateAnimation(0, -359, RotateAnimation.RELATIVE_TO_SELF, 0.5f, RotateAnimation.RELATIVE_TO_SELF, 0.5f);
ra.setDuration(3000);
set.addAnimation(ra);
iv.startAnimation(set);
}
public void translateClick2(View view) {
Animation animation = AnimationUtils.loadAnimation(this, R.anim.translate_anim);
animation.setFillAfter(true);
iv.startAnimation(animation);
}
public void alphaClick2(View view) {
Animation animation = AnimationUtils.loadAnimation(this, R.anim.alpha_anim);
iv.startAnimation(animation);
}
public void scaleClick2(View view) {
Animation animation = AnimationUtils.loadAnimation(this, R.anim.scale_anim);
iv.startAnimation(animation);
}
public void rota