快捷導(dǎo)航

Android編程中Tween動(dòng)畫和Frame動(dòng)畫實(shí)例分析

更新時(shí)間：2015年12月30日 12:20:43 作者：傅榮康

這篇文章主要介紹了Android編程中Tween動(dòng)畫和Frame動(dòng)畫,結(jié)合實(shí)例形式較為詳細(xì)的分析了Android中Tween動(dòng)畫和Frame動(dòng)畫的相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下

本文實(shí)例講述了Android編程中Tween動(dòng)畫和Frame動(dòng)畫實(shí)現(xiàn)方法。分享給大家供大家參考，具體如下：

Animation主要有兩種動(dòng)畫模式：Tween動(dòng)畫和Frame動(dòng)畫

Tween動(dòng)畫由四種類型組成

alpha	漸變透明度動(dòng)畫效果
scale	漸變尺寸伸縮動(dòng)畫效果
translate	畫面轉(zhuǎn)換位置移動(dòng)動(dòng)畫效果
rotate	畫面轉(zhuǎn)移旋轉(zhuǎn)動(dòng)畫效果

res目錄下新建anim創(chuàng)建Tween.xml

<?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"
 />
 <!-- 旋轉(zhuǎn) -->
 <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"
 />
 <!-- 移動(dòng) -->
 <translate
 android:fromXDelta="0"
 android:fromYDelta="0"
 android:toXDelta="50%p"
 android:toYDelta="50%p"
 android:duration="3000"
 />
</set>

以上每個(gè)動(dòng)畫效果可放在不同的xml文件中已方便查看效果

下邊是Activity中調(diào)用動(dòng)畫

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中 創(chuàng)建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;
 }
 //啟動(dòng)動(dòng)畫
 imageView.startAnimation(animation);
}

Tween動(dòng)畫由四種類型組成

幀動(dòng)畫是有多張圖片組成，多張圖片循環(huán)。

示例：

Frame.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/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

<?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:

public void go(View view) {
 // 獲取ImageView
 ImageView imageView = (ImageView) view;
 // 獲取ImageView上面的動(dòng)畫圖片
 AnimationDrawable drawable = (AnimationDrawable) imageView.getDrawable();
 // 動(dòng)畫開始
 drawable.start();
}

希望本文所述對(duì)大家Android程序設(shè)計(jì)有所幫助。

您可能感興趣的文章: