快捷導(dǎo)航

Android實(shí)現(xiàn)循環(huán)平移動(dòng)畫(huà)示例

更新時(shí)間：2015年06月09日 11:31:07 投稿：junjie

這篇文章主要介紹了Android實(shí)現(xiàn)循環(huán)平移動(dòng)畫(huà)示例,本文講解實(shí)現(xiàn)用一張背景圖做循環(huán)從左往右平移動(dòng)畫(huà),需要的朋友可以參考下

實(shí)現(xiàn)用一張背景圖做循環(huán)從左往右平移動(dòng)畫(huà)。

1、實(shí)現(xiàn)兩個(gè)animation xml文件，一個(gè)起始位置在-100%p ，一個(gè)在0%p。設(shè)置repeat屬性為循環(huán)，重復(fù)。

<?xml version="1.0" encoding="utf-8"?>

<set xmlns:android="http://schemas.android.com/apk/res/android" android:interpolator="@android:anim/accelerate_interpolator">

    <translate android:fromXDelta="0%p" android:toXDelta="100%p"

        android:repeatMode="restart"

        android:interpolator="@android:anim/linear_interpolator"

        android:repeatCount="infinite"

        android:duration="30000" />

</set>

復(fù)制代碼代碼如下:

<?xml version="1.0" encoding="utf-8"?>

<set xmlns:android="http://schemas.android.com/apk/res/android" android:interpolator="@android:anim/accelerate_interpolator">

    <translate android:fromXDelta="-100%p" android:toXDelta="0%p"

        android:repeatMode="restart"

        android:interpolator="@android:anim/linear_interpolator"

        android:repeatCount="infinite"

        android:duration="30000" />

</set>

2、在view的layout里面放兩個(gè)一樣的view做背景，view的動(dòng)畫(huà)分別對(duì)應(yīng)上面那兩個(gè)animation。

復(fù)制代碼代碼如下:

        <ImageView

             android:id="@+id/animation_top_left"

             android:layout_width="wrap_content"

             android:layout_height="wrap_content"

             android:contentDescription="@string/logo"

             android:src="@drawable/home_animation_bg" /> 

         <ImageView

             android:id="@+id/animation_top_right"  android:layout_width="wrap_content"

             android:layout_height="wrap_content"

             android:contentDescription="@string/logo"

             android:src="@drawable/home_animation_bg" />

復(fù)制代碼代碼如下:

Animation anim = AnimationUtils.loadAnimation(mContext, R.anim.home_animation);

ImageView animationTopRightView = (ImageView)this.findViewById(R.id.animation_top_right);

animationTopRightView.startAnimation(anim);

復(fù)制代碼代碼如下:

Animation anim2 = AnimationUtils.loadAnimation(mContext, R.anim.home_animation2);

ImageView animationTopLeftView = (ImageView)this.findViewById(R.id.animation_top_left); 

animationTopLeftView.startAnimation(anim2);

您可能感興趣的文章: