本文讲述了Android补间动画基本使用（位移、缩放、旋转、透明）。分享给大家供大家参考，具体如下：
补间动画
原形态变成新形态时为了过渡变形过程，生成的动画就叫补间动画
位移、旋转、缩放、透明
位移：
参数10指的是X的起点坐标，但不是指屏幕x坐标为10的位置，而是imageview的 真实X + 10
参数150指的是X的终点坐标，它的值是imageview的 真实X + 150
//创建为位移动画对象，设置动画的初始位置和结束位置
TranslateAnimation ta = new TranslateAnimation(10, 150, 20, 140);
1. x坐标的起点位置，如果相对于自己，传0.5f，那么起点坐标就是 真实X + 0.5 * iv宽度；
2. x坐标的终点位置，如果传入2，那么终点坐标就是 真实X + 2 * iv的宽度；
3. y坐标的起点位置，如果传入0.5f，那么起点坐标就是 真实Y + 0.5 * iv高度；
4. 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);
动画播放相关的设置
|
1
2
3
4
5
6
7
8
9
10
|
//设置动画持续时间
ta.setDuration(2000);
//动画重复播放的次数
ta.setRepeatCount(1);
//动画重复播放的模式
ta.setRepeatMode(Animation.REVERSE);
//动画播放完毕后，组件停留在动画结束的位置上
ta.setFillAfter(true);
//播放动画
iv.startAnimation(ta);
|
缩放：
1.参数0.1f表示动画的起始宽度是真实宽度的0.1倍
2.参数4表示动画的结束宽度是真实宽度的4倍
3.缩放的中心点在iv左上角
ScaleAnimation sa = new ScaleAnimation(0.1f, 4, 0.1f, 4);
1. 参数0.1f和4意义与上面相同
2. 改变缩放的中心点：传入的两个0.5f，类型都是相对于自己，这两个参数改变了缩放的中心点
3. 中心点x坐标 = 真实X + 0.5 * iv宽度
4. 中心点Y坐标 = 真实Y + 0.5 * iv高度
ScaleAnimation sa = new ScaleAnimation(0.1f, 4, 0.1f, 4, Animation.RELATIVETOSELF, 0.5f, Animation.RELATIVETOSELF, 0.5f);
透明：
0为完全透明，1为完全不透明
AlphaAnimation aa = new AlphaAnimation(0, 0.5f);
旋转：
1. 20表示动画开始时的iv的角度
2. 360表示动画结束时iv的角度
3. 默认旋转的圆心在iv左上角
RotateAnimation ra = new RotateAnimation(20, 360);
1. 20,360的意义和上面一样
2. 指定圆心坐标，相对于自己，值传入0.5，那么圆心的x坐标：真实X + iv宽度 * 0.5
3. 圆心的Y坐标：真实Y + iv高度 * 0.5
RotateAnimation ra = new RotateAnimation(20, 360, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);
所有动画一起飞
|
1
2
3
4
5
6
7
|
//创建动画集合
AnimationSet set = new AnimationSet(false);
//往集合中添加动画
set.addAnimation(aa);
set.addAnimation(sa);
set.addAnimation(ra);
iv.startAnimation(set);
|
效果如图：
布局代码：
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
|
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity">
<ImageView
android:id="@+id/iv"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/ic_launcher"
android:layout_centerVertical="true"
android:layout_centerHorizontal="true" />
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="center_horizontal"
android:layout_alignParentBottom="true"
android:orientation="horizontal">
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:onClick="translate"
android:text="平移" />
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:onClick="scale"
android:text="缩放" />
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:onClick="alpha"
android:text="透明" />
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:onClick="rotate"
android:text="旋转" />
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:onClick="fly"
android:text="一起飞" />
</LinearLayout>
</RelativeLayout>
|
MainActivity.java
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
|
import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.view.animation.AlphaAnimation;
import android.view.animation.Animation;
import android.view.animation.AnimationSet;
import android.view.animation.RotateAnimation;
import android.view.animation.ScaleAnimation;
import android.view.animation.TranslateAnimation;
import android.widget.ImageView;
public class MainActivity extends Activity {
private ImageView iv;
private TranslateAnimation ta;
private ScaleAnimation sa;
private AlphaAnimation aa;
private RotateAnimation ra;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
iv = (ImageView) findViewById(R.id.iv);
}
//平移
public void translate(View view) {
// ta = new TranslateAnimation(10, 100, 20, 200);
ta = new TranslateAnimation(Animation.RELATIVE_TO_SELF, -1, Animation.RELATIVE_TO_SELF, 2,
Animation.RELATIVE_TO_SELF, -0.5f, Animation.RELATIVE_TO_SELF, 1.5f);
//设置播放时间
ta.setDuration(2000);
//设置重复次数
ta.setRepeatCount(1);
//动画重复播放的模式
ta.setRepeatMode(Animation.REVERSE);
iv.startAnimation(ta);
}
//缩放
public void scale(View view) {
// sa = new ScaleAnimation(2, 4, 2, 4, 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);
//设置播放时间
sa.setDuration(2000);
//设置重复次数
sa.setRepeatCount(1);
//动画重复播放的模式
sa.setRepeatMode(Animation.ABSOLUTE);
//动画播放完毕后，组件停留在动画结束的位置上
sa.setFillAfter(true);
iv.startAnimation(sa);
}
//透明
public void alpha(View view) {
aa = new AlphaAnimation(0, 1);
//设置播放时间
aa.setDuration(2000);
//设置重复次数
aa.setRepeatCount(1);
//动画重复播放的模式
aa.setRepeatMode(Animation.REVERSE);
//动画播放完毕后，组件停留在动画结束的位置上
// aa.setFillAfter(true);
iv.startAnimation(aa);
}
//旋转
public void rotate(View view) {
ra = new RotateAnimation(0, 720, Animation.RELATIVE_TO_SELF, 0.5f,
Animation.RELATIVE_TO_SELF, 0.5f);
//设置播放时间
ra.setDuration(2000);
//设置重复次数
ra.setRepeatCount(1);
//动画重复播放的模式
ra.setRepeatMode(Animation.REVERSE);
//动画播放完毕后，组件停留在动画结束的位置上
ra.setFillAfter(true);
iv.startAnimation(ra);
}
//位移、缩放、透明、旋转同时进行
public void fly(View view) {
AnimationSet set = new AnimationSet(false);
set.addAnimation(ta);
set.addAnimation(sa);
set.addAnimation(aa);
set.addAnimation(ra);
iv.startAnimation(set);
}
}
|
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持服务器之家。
原文链接：https://blog.csdn.net/u014657752/article/details/48089939