服务器之家

服务器之家 > 正文

Android编程中Tween动画和Frame动画实例分析

时间:2021-04-27 15:35     来源/作者:傅荣康

本文实例讲述了Android编程中Tween动画和Frame动画实现方法。分享给大家供大家参考,具体如下:

Animation主要有两种动画模式:Tween动画和Frame动画

Tween动画由四种类型组成

 

alpha 渐变透明度动画效果
scale 渐变尺寸伸缩动画效果
translate 画面转换位置移动动画效果
rotate 画面转移旋转动画效果

 

res目录下新建anim创建Tween.xml

?
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
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
 <!-- 透明 -->
 <alpha
 android:fromAlpha="1"
 android:toAlpha="0"
 android:duration="3000"
 />
 <!-- 旋转 -->
 <rotate
 android:fromDegrees="0"
 android:toDegrees="360"
 android:pivotX="50%"
 android:pivotY="50%"
 android:duration="3000"
 />
 <!-- 缩放 -->
 <scale
 android:fromXScale="1"
 android:fromYScale="1"
 android:toXScale="3"
 android:toYScale="3"
 android:pivotX="0"
 android:pivotY="0"
 android:duration="3000"
 />
 <!-- 移动 -->
 <translate
 android:fromXDelta="0"
 android:fromYDelta="0"
 android:toXDelta="50%p"
 android:toYDelta="50%p"
 android:duration="3000"
 />
</set>

以上每个动画效果可放在不同的xml文件中已方便查看效果

下边是Activity中调用动画

?
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
public void onCreate(Bundle savedInstanceState) {
 super.onCreate(savedInstanceState);
 setContentView(R.layout.main);
 imageView = (ImageView) findViewById(R.id.img);
}
public void onClick(View view) {
 Animation animation = null;
 switch (view.getId()) {
 case R.id.alpha:
  animation = AnimationUtils.loadAnimation(this, R.anim.alpha);
  break;
 case R.id.scale:
  animation = AnimationUtils.loadAnimation(this, R.anim.scale);
  break;
 case R.id.translate:
  animation = AnimationUtils.loadAnimation(this, R.anim.translate);
  break;
 case R.id.rotate:
  //animation = AnimationUtils.loadAnimation(this, R.anim.rotate);
  //令一种方式JavaCode中 创建RotateAnimation
  animation = new RotateAnimation(0, 180, RotateAnimation.RELATIVE_TO_SELF, 0.5f, RotateAnimation.RELATIVE_TO_SELF, 0.5f);
  animation.setDuration(3000);
  break;
 case R.id.all:
  animation = AnimationUtils.loadAnimation(this, R.anim.Tween);
  break;
 }
 //启动动画
 imageView.startAnimation(animation);
}

Tween动画由四种类型组成

帧动画是有多张图片组成,多张图片循环。

示例:

Frame.xml

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<?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/p1" android:duration="200" />
 <item android:drawable="@drawable/p2" android:duration="200" />
 <item android:drawable="@drawable/p3" android:duration="200" />
 <item android:drawable="@drawable/p4" android:duration="200" />
 <item android:drawable="@drawable/p5" android:duration="200" />
 <item android:drawable="@drawable/p6" android:duration="200" />
 <item android:drawable="@drawable/p7" android:duration="800" />
 <item android:drawable="@drawable/p8" android:duration="200" />
 <item android:drawable="@drawable/p9" android:duration="200" />
 <item android:drawable="@drawable/p10" android:duration="200" />
 <item android:drawable="@drawable/p11" android:duration="200" />
</animation-list>

main.xml

?
1
2
3
4
5
6
7
8
9
10
11
12
13
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 android:orientation="vertical"
 android:layout_width="fill_parent"
 android:layout_height="fill_parent"
 >
 <ImageView
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:src="@anim/frame"
 android:onClick="go"
 />
</LinearLayout>

Activity:

?
1
2
3
4
5
6
7
8
public void go(View view) {
 // 获取ImageView
 ImageView imageView = (ImageView) view;
 // 获取ImageView上面的动画图片
 AnimationDrawable drawable = (AnimationDrawable) imageView.getDrawable();
 // 动画开始
 drawable.start();
}

希望本文所述对大家Android程序设计有所帮助。

标签:

相关文章

热门资讯

2020微信伤感网名听哭了 让对方看到心疼的伤感网名大全
2020微信伤感网名听哭了 让对方看到心疼的伤感网名大全 2019-12-26
yue是什么意思 网络流行语yue了是什么梗
yue是什么意思 网络流行语yue了是什么梗 2020-10-11
背刺什么意思 网络词语背刺是什么梗
背刺什么意思 网络词语背刺是什么梗 2020-05-22
苹果12mini价格表官网报价 iPhone12mini全版本价格汇总
苹果12mini价格表官网报价 iPhone12mini全版本价格汇总 2020-11-13
Intellij idea2020永久破解,亲测可用!!!
Intellij idea2020永久破解,亲测可用!!! 2020-07-29
返回顶部