当前位置： 移动技术网 > 移动技术>移动开发>Android > Android实现循环平移动画示例

Android实现循环平移动画示例

2019年07月24日  | 移动技术网移动技术  | 我要评论

实现用一张背景图做循环从左往右平移动画。

1、实现两个animation xml文件，一个起始位置在-100%p ，一个在0%p。设置repeat属性为循环，重复。

复制代码 代码如下:

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

复制代码 代码如下:

<?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里面放两个一样的view做背景，view的动画分别对应上面那两个animation。
复制代码 代码如下:

        <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" />

复制代码 代码如下:

animation anim = animationutils.loadanimation(mcontext, r.anim.home_animation);
imageview animationtoprightview = (imageview)this.findviewbyid(r.id.animation_top_right);
animationtoprightview.startanimation(anim);

复制代码 代码如下:

animation anim2 = animationutils.loadanimation(mcontext, r.anim.home_animation2);
imageview animationtopleftview = (imageview)this.findviewbyid(r.id.animation_top_left);
animationtopleftview.startanimation(anim2);

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网