帧动画:
一张张图片不断的切换,形成动画效果,安卓手机的开机界面就是通过帧动画做的
如何自己使用帧动画:
步骤:1将素材拷贝到drawable中
2 在drawable目录下定义xml文件(在api中的drawable Animation中可以看到xml文件的格式和使用代码)
1
2
3
4
5
|
<animation-list xmlns:android=
"http://schemas.android.com/apk/res/android"
android:oneshot=
"false"
> //这里的
false
表示循环播放
true
表示只播放一次
<item android:drawable=
"@drawable/g1"
android:duration=
"200"
/>
//表示duration表示每张图片显示的时长
<item android:drawable=
"@drawable/g2"
android:duration=
"200"
/>
<item android:drawable=
"@drawable/g3"
android:duration=
"200"
/>
</animation-list>
|
3 在屏幕上播放帧动画
1
2
3
4
5
6
|
ImageView iv = (ImageView) findViewById(R.id.iv);
//首先拿到imageView 将动画播放在imageView
//把动画文件设置为imageView的背景
iv.setBackgroundResource(R.drawable.animations);
把帧动画的资源文件指定为iv的背景
AnimationDrawable ad = (AnimationDrawable) iv.getBackground();
//获取iv的北京
//播放动画
ad.start();
|
补间动画:
原形态变成新形态时为了过渡变形过程,生成的动画就叫补间动画 位移、旋转、缩放、透明
位移
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
|
/*位移:
参数10指的是X的起点坐标,但不是指屏幕x坐标为10的位置,而是imageview的 真实X + 10
参数150指的是X的终点坐标,它的值是imageview的 真实X + 150
//创建为位移动画对象,设置动画的初始位置和结束位置
//TranslateAnimation ta = new TranslateAnimation(10, 150, 20, 140);
* x坐标的起点位置,如果相对于自己,传0.5f,那么起点坐标就是 真实X + 0.5 * iv宽度
* x坐标的终点位置,如果传入2,那么终点坐标就是 真实X + 2 * iv的宽度
* y坐标的起点位置,如果传入0.5f,那么起点坐标就是 真实Y + 0.5 * iv高度
* y坐标的终点位置,如果传入2,那么终点坐标就是 真实Y + 2 * iv高度*/
TranslateAnimation ta =
new
TranslateAnimation(Animation.RELATIVE_TO_SELF,
0
.5f, Animation.RELATIVE_TO_SELF,
2
, Animation.RELATIVE_TO_SELF,
0
.5f, Animation.RELATIVE_TO_SELF,
2
);
//设置动画持续时间
ta.setDuration(
2000
);
//动画重复播放的次数
ta.setRepeatCount(
1
);
//动画重复播放的模式
ta.setRepeatMode(Animation.REVERSE);
//动画播放完毕后,组件停留在动画结束的位置上
ta.setFillAfter(
true
);
//播放动画
iv.startAnimation(ta);
//iv表示动画显示显示在哪个地方 通过findviewbyid拿到
|
旋转
1
2
3
4
5
6
7
8
|
public
void
rotate(View v){<br>
//表示从0到720旋转 表示从真实的x+图片的宽度的一半 在中心旋转
RotateAnimation ra =
new
RotateAnimation(
0
,
720
, Animation.RELATIVE_TO_SELF,
0
.5f,
//设置动画持续时间 Animation.RELATIVE_TO_SELF, 0.5f);
ra.setDuration(
2000
);<br>
//设置动画重发次数表示重发播放两次
ra.setRepeatCount(
1
);
ra.setRepeatMode(Animation.REVERSE);
iv.startAnimation(ra);
}
|
缩放
1
2
3
4
5
6
7
8
9
10
11
|
public
void
scale(View v){
// sa = new ScaleAnimation(fromX, toX, fromY, toY, iv.getWidth() / 2, iv.getHeight() / 2);
sa =
new
ScaleAnimation(
0
.5f,
2
,
0
.1f,
3
, Animation.RELATIVE_TO_SELF,
0
.5f,
Animation.RELATIVE_TO_SELF,
0
.5f);
//o.5f表示动画的起始宽度是真实宽度的0.5倍 2表示动画结束宽度是真实宽度的2倍 后面参数表示旋转中心点的位置 默认是坐上角
sa.setDuration(
2000
);
//填充动画的结束位置
sa.setRepeatCount(
1
);
sa.setRepeatMode(Animation.REVERSE);
sa.setFillAfter(
true
);
iv.startAnimation(sa);
}
|
透明
1
2
3
4
5
6
|
public
void
alpha(View v){
aa =
new
AlphaAnimation(
0
,
1
);
//0表示完全透明。1表示不透明
aa.setDuration(
2000
);
sa.setRepeatCount(
1
);
iv.startAnimation(aa);
}
|
我们可以设置所有的动画一起播放
1
2
3
4
5
6
7
8
9
|
public
void
fly(View v){
AnimationSet set =
new
AnimationSet(
false
);
//false表示使用自己的叫对器
set.addAnimation(ta);
set.addAnimation(sa);
set.addAnimation(ra);
set.addAnimation(aa);
iv.startAnimation(set);
}
|
属性动画
补间动画,只是一个动画效果,组件其实还在原来的位置上,xy没有改变。而属性动画是xy真实改变了,属性动画是3.0后加入的特性。没有向下支持类库
位移:
1
2
3
4
5
6
7
8
9
|
public
void
translate(View v){
//target:动画作用于哪个组件 第一个参数target指定要显示动画的组件 第二个参数propertyName指定要改变组件的哪个属性 第三个参数values是可变参数,就是赋予属性的新的值
ObjectAnimator oa = ObjectAnimator.ofFloat(iv,
"translationX"
,
10
,
70
,
20
,
100
);
//他可以实现来回移动 我们可以动过set和get来看属性是什么
oa.setDuration(
2000
);
oa.setRepeatCount(
1
);
oa.setRepeatMode(ValueAnimator.REVERSE);
oa.start();
}
|
缩放
1
2
3
4
5
|
public
void
scale(View v){
ObjectAnimator oa = ObjectAnimator.ofFloat(iv,
"scaleX"
,
1
,
1
.6f,
1
.2f,
2
);
oa.setDuration(
2000
);
oa.start();
}
|
透明:
1
2
3
4
5
|
public
void
alpha(View v){
ObjectAnimator oa = ObjectAnimator.ofFloat(iv,
"alpha"
,
0
,
0
.5f,
0
.2f,
1
);
oa.setDuration(
2000
);
oa.start();
}
|
旋转
1
2
|
public
void
rotate(View v){
ObjectAnimator oa = ObjectAnimator.ofFloat(iv,
"rotationY"
,
0
,
180
,
90
,
360
);
//rotation指定是顺时针旋转
|
//属性指定为rotationX是竖直翻转
//属性指定为rotationY是水平翻转
1
2
3
4
5
|
oa.setDuration(
2000
);
oa.setRepeatCount(
1
);
oa.setRepeatMode(ValueAnimator.REVERSE);
oa.start();
}
|
所有动画一起播放
1
2
3
4
5
6
7
8
9
|
//创建动画师集合
AnimatorSet set =
new
AnimatorSet();
//设置要播放动画的组件
set.setTarget(bt);
//所有动画有先后顺序的播放
//set.playSequentially(oa, oa2, oa3, oa4);
//所有动画一起播放
set.playTogether(oa, oa2, oa3, oa4);
set.start();
|
使用xml文件定义属性动画
1
2
3
4
5
6
7
8
9
10
11
12
13
|
<?xml version=
"1.0"
encoding=
"utf-8"
?> 在animator文件下 resource type 选择property animator root element是set
<objectAnimator
android:propertyName=
"translationX"
android:duration=
"200"
android:repeatCount=
"1"
android:repeatMode=
"reverse"
android:valueFrom=
"-100"
android:valueTo=
"100"
>
</objectAnimator>
</set>
|
1
2
3
4
5
6
7
|
public
void
xml(View v){
Animator at = AnimatorInflater.loadAnimator(
this
, R.animator.objanimator);
//加载指定xml
//设置作用于哪个组件
at.setTarget(iv);
at.start();
}
|