快捷導(dǎo)航

Android xml實(shí)現(xiàn)animation的4種動(dòng)畫效果實(shí)例代碼

更新時(shí)間：2016年05月25日 10:17:44 作者：周森

在Android應(yīng)用程序，使用動(dòng)畫效果，能帶給用戶更好的感覺(jué)，做動(dòng)畫可以通過(guò)XML或Android代碼來(lái)實(shí)現(xiàn)。本文給大家介紹Android xml實(shí)現(xiàn)animation的4種動(dòng)畫效果實(shí)例代碼，一起看看吧

animation有四種動(dòng)畫類型：分別為alpha(透明的漸變)、rotate(旋轉(zhuǎn))、scale(尺寸伸縮)、translate(移動(dòng))，二實(shí)現(xiàn)的分發(fā)有兩種，一種是javaCode，另外一種是XML，而我今天要說(shuō)的是XML實(shí)現(xiàn)的方法，個(gè)人感覺(jué)javaCode的實(shí)現(xiàn)方法比xml要簡(jiǎn)單，所以有需要的可以自己去找找資料看看。

先給大家展示下效果圖，如果大家感覺(jué)還不錯(cuò)，請(qǐng)繼續(xù)往下閱讀。

下面是我的四個(gè)xml文件，分別代表這四種動(dòng)畫類型。

alpha.xml

COde:

<?xml version="1.0" encoding="UTF-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
android:interpolator="@android:anim/accelerate_interpolator">
<!-- 漸變透明的動(dòng)畫效果 -->
<!--fromAlpha 動(dòng)畫起始透明的 1.0完全不透明
toAlpha 動(dòng)畫結(jié)束時(shí)透明的 0.0完全透明
startOffset 設(shè)置啟動(dòng)時(shí)間
duration 屬性動(dòng)畫持續(xù)時(shí)間
-->
<alpha 
android:fromAlpha="1.0"
android:toAlpha="0.0"
android:startOffset="500"
android:duration="5000"
/>
</set>

rotate.xml

<?xml version="1.0" encoding="UTF-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
android:interpolator="@android:anim/accelerate_interpolator">
<!-- 畫面轉(zhuǎn)移旋轉(zhuǎn)動(dòng)畫效果 -->
<!--
fromDegrees開始角度
toDegrees結(jié)束角度
pivotX設(shè)置旋轉(zhuǎn)時(shí)的X軸坐標(biāo)
-->
<rotate 
android:fromDegrees="0"
android:toDegrees="+360"
android:pivotX="50%"
android:pivotY="50%"
android:duration="5000"
/>
</set>

scale.xml

<?xml version="1.0" encoding="UTF-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
android:interpolator="@android:anim/accelerate_interpolator">
<!-- 漸變尺寸伸縮動(dòng)畫效果 -->
<!--
fromXScale 起始x軸坐標(biāo)
toXScale 止x軸坐標(biāo)
fromYScale 起始y軸坐標(biāo)
toYScale 止y軸坐標(biāo)
pivotX 設(shè)置旋轉(zhuǎn)時(shí)的X軸坐標(biāo)
pivotY 設(shè)置旋轉(zhuǎn)時(shí)的Y軸坐標(biāo)
duration 持續(xù)時(shí)間
-->
<scale 
android:fromXScale="1.0"
android:toXScale="0.0"
android:fromYScale="1.0"
android:toYScale="0.0"
android:pivotX="50%"
android:pivotY="50%"
android:duration="5000"
/>
</set>

translate.xml

<?xml version="1.0" encoding="UTF-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
android:interpolator="@android:anim/accelerate_interpolator">
<!-- 畫面轉(zhuǎn)移位置移動(dòng)動(dòng)畫效果 -->
<translate 
android:fromXDelta="0%"
android:toXDelta="100%"
android:fromYDelta="0%"
android:toYDelta="0%"
android:duration="5000" 
/>
</set>

下面是主界面xml的布局

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical" >
<ImageView 
android:id="@+id/image1"
android:layout_width="match_parent"
android:layout_height="200px"
/>
<ImageView 
android:id="@+id/image2"
android:layout_width="match_parent"
android:layout_height="200px"
/>
<ImageView 
android:id="@+id/image3"
android:layout_width="match_parent"
android:layout_height="200px"
/>
<ImageView 
android:id="@+id/image4"
android:layout_width="match_parent"
android:layout_height="200px"
/>
</LinearLayout>

然后是Activity代碼

public class AnimationDemo extends Activity{
private Animation animation,animation1,animation2,animation3;
private ImageView image1,image2,image3,image4;
@Override
protected void onCreate(Bundle savedInstanceState) {
// TODO Auto-generated method stub
super.onCreate(savedInstanceState);
setContentView(R.layout.animation);
initView();
}
public void initView()
{
animation=AnimationUtils.loadAnimation(AnimationDemo.this, R.anim.rotate);
animation1=AnimationUtils.loadAnimation(AnimationDemo.this, R.anim.scale);
animation2=AnimationUtils.loadAnimation(AnimationDemo.this, R.anim.alpha);
animation3=AnimationUtils.loadAnimation(AnimationDemo.this, R.anim.translate);
image1=(ImageView)findViewById(R.id.image1);
image1.setImageResource(R.drawable.jpeg);
image2=(ImageView)findViewById(R.id.image2);
image2.setImageResource(R.drawable.jpg);
image3=(ImageView)findViewById(R.id.image3);
image3.setImageResource(R.drawable.png);
image4=(ImageView)findViewById(R.id.image4);
image4.setImageResource(R.drawable.gif);
image1.startAnimation(animation);
image2.startAnimation(animation1);
image3.startAnimation(animation2);
image4.startAnimation(animation3);
}
}

好了，就這樣就是先了四種動(dòng)畫效果，另外還有一個(gè)知識(shí)點(diǎn)，是動(dòng)畫里面的速率問(wèn)題，有需要的可以去上網(wǎng)百度看看吧。

您可能感興趣的文章: