html5中文学习网

您的位置: 首页 > android » 正文

Android实现循环平移动画示例_Android

[ ] 已经帮助:人解决问题

实现用一张背景图做循环从左往右平移动画。qxDHTML5中文学习网 - HTML5先行者学习网

1、实现两个animation xml文件,一个起始位置在-100%p ,一个在0%p。设置repeat属性为循环,重复。qxDHTML5中文学习网 - HTML5先行者学习网

复制代码 代码如下:
qxDHTML5中文学习网 - HTML5先行者学习网
<?xml version="1.0" encoding="utf-8"?>qxDHTML5中文学习网 - HTML5先行者学习网
<set xmlns:android="http://schemas.android.com/apk/res/android" android:interpolator="@android:anim/accelerate_interpolator">qxDHTML5中文学习网 - HTML5先行者学习网
    <translate android:fromXDelta="0%p" android:toXDelta="100%p"qxDHTML5中文学习网 - HTML5先行者学习网
        android:repeatMode="restart"qxDHTML5中文学习网 - HTML5先行者学习网
        android:interpolator="@android:anim/linear_interpolator"qxDHTML5中文学习网 - HTML5先行者学习网
        android:repeatCount="infinite"qxDHTML5中文学习网 - HTML5先行者学习网
        android:duration="30000" />qxDHTML5中文学习网 - HTML5先行者学习网
</set>qxDHTML5中文学习网 - HTML5先行者学习网
qxDHTML5中文学习网 - HTML5先行者学习网

复制代码 代码如下:
qxDHTML5中文学习网 - HTML5先行者学习网
<?xml version="1.0" encoding="utf-8"?>qxDHTML5中文学习网 - HTML5先行者学习网
<set xmlns:android="http://schemas.android.com/apk/res/android" android:interpolator="@android:anim/accelerate_interpolator">qxDHTML5中文学习网 - HTML5先行者学习网
    <translate android:fromXDelta="-100%p" android:toXDelta="0%p"qxDHTML5中文学习网 - HTML5先行者学习网
        android:repeatMode="restart"qxDHTML5中文学习网 - HTML5先行者学习网
        android:interpolator="@android:anim/linear_interpolator"qxDHTML5中文学习网 - HTML5先行者学习网
        android:repeatCount="infinite"qxDHTML5中文学习网 - HTML5先行者学习网
        android:duration="30000" />qxDHTML5中文学习网 - HTML5先行者学习网
</set>qxDHTML5中文学习网 - HTML5先行者学习网
qxDHTML5中文学习网 - HTML5先行者学习网
2、在view的layout里面放两个一样的view做背景,view的动画分别对应上面那两个animation。qxDHTML5中文学习网 - HTML5先行者学习网
复制代码 代码如下:
qxDHTML5中文学习网 - HTML5先行者学习网
        <ImageViewqxDHTML5中文学习网 - HTML5先行者学习网
             android:id="@+id/animation_top_left"qxDHTML5中文学习网 - HTML5先行者学习网
             android:layout_width="wrap_content"qxDHTML5中文学习网 - HTML5先行者学习网
             android:layout_height="wrap_content"qxDHTML5中文学习网 - HTML5先行者学习网
             android:contentDescription="@string/logo"qxDHTML5中文学习网 - HTML5先行者学习网
             android:src="@drawable/home_animation_bg" /> qxDHTML5中文学习网 - HTML5先行者学习网
         <ImageViewqxDHTML5中文学习网 - HTML5先行者学习网
             android:id="@+id/animation_top_right"  android:layout_width="wrap_content"qxDHTML5中文学习网 - HTML5先行者学习网
             android:layout_height="wrap_content"qxDHTML5中文学习网 - HTML5先行者学习网
             android:contentDescription="@string/logo"qxDHTML5中文学习网 - HTML5先行者学习网
             android:src="@drawable/home_animation_bg" />qxDHTML5中文学习网 - HTML5先行者学习网
qxDHTML5中文学习网 - HTML5先行者学习网

复制代码 代码如下:
qxDHTML5中文学习网 - HTML5先行者学习网
Animation anim = AnimationUtils.loadAnimation(mContext, R.anim.home_animation);qxDHTML5中文学习网 - HTML5先行者学习网
ImageView animationTopRightView = (ImageView)this.findViewById(R.id.animation_top_right);qxDHTML5中文学习网 - HTML5先行者学习网
animationTopRightView.startAnimation(anim);qxDHTML5中文学习网 - HTML5先行者学习网
qxDHTML5中文学习网 - HTML5先行者学习网

复制代码 代码如下:
qxDHTML5中文学习网 - HTML5先行者学习网
Animation anim2 = AnimationUtils.loadAnimation(mContext, R.anim.home_animation2);qxDHTML5中文学习网 - HTML5先行者学习网
ImageView animationTopLeftView = (ImageView)this.findViewById(R.id.animation_top_left); qxDHTML5中文学习网 - HTML5先行者学习网
animationTopLeftView.startAnimation(anim2);qxDHTML5中文学习网 - HTML5先行者学习网
qxDHTML5中文学习网 - HTML5先行者学习网

(责任编辑:)
推荐书籍
推荐资讯
关于HTML5先行者 - 联系我们 - 广告服务 - 友情链接 - 网站地图 - 版权声明 - 人才招聘 - 帮助