android 无限循环平移动画

原创

mob649e81567471 2024-08-03 05:23:15 ©著作权

文章标签 无限循环 Android 属性动画 文章分类 Android 移动开发

©著作权归作者所有：来自51CTO博客作者mob649e81567471的原创作品，请联系作者获取转载授权，否则将追究法律责任

Android 无限循环平移动画

在 Android 开发中，动画可以使用户界面更加生动和吸引人。无限循环的平移动画是一种常见的动画效果，可以在许多应用程序中实现，比如背景图像的移动、加载旋转指示器等。本文将介绍如何在 Android 中实现一个简单的无限循环平移动画，并提供相应的代码示例。

什么是平移动画？

首先，让我们理解一下平移动画。平移动画是指对象在屏幕上的位移，通常包括改变对象的 x 和 y 坐标。平移动画可以通过不同的方式实现，例如使用属性动画、视图动画（View Animation）或补间动画（Tween Animation）。

使用属性动画实现无限循环平移动画

在这个示例中，我们将使用属性动画（Property Animation）来实现一个简单的无限循环平移动画。我们将创建一个 ImageView，该视图会在屏幕上水平移动并无限循环。

1. 创建布局文件

首先，在你的 Android 项目中创建一个新的布局文件 activity_main.xml，并添加一个 ImageView。

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <ImageView
        android:id="@+id/imageView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/your_image" 
        android:layout_centerVertical="true"
        android:layout_marginStart="-100dp" />

</RelativeLayout>

注意：请将 @drawable/your_image 替换为你项目中的图像资源。

2. 创建动画逻辑

接下来，在 MainActivity.java 中实现平移动画逻辑。我们将使用 ObjectAnimator 创建动画，并通过 AnimatorSet 来实现无限循环效果。

import android.animation.AnimatorSet;
import android.animation.ObjectAnimator;
import android.os.Bundle;
import android.view.animation.LinearInterpolator;
import androidx.appcompat.app.AppCompatActivity;
import android.widget.ImageView;

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        ImageView imageView = findViewById(R.id.imageView);

        // 创建水平平移动画
        ObjectAnimator animator = ObjectAnimator.ofFloat(imageView, "translationX", -1000f, 1000f);
        animator.setDuration(5000); // 动画持续时间
        animator.setInterpolator(new LinearInterpolator()); // 线性插值

        // 设置动画循环
        animator.setRepeatCount(ObjectAnimator.INFINITE); // 无限循环
        animator.setRepeatMode(ObjectAnimator.RESTART); // 重复模式

        AnimatorSet animatorSet = new AnimatorSet();
        animatorSet.play(animator);
        animatorSet.start(); // 启动动画
    }
}

3. 代码解析

在上述代码中，我们使用 ObjectAnimator 创建了一个平移动画，该动画将 ImageView 的 translationX 属性从 -1000f 平移到 1000f，持续时间设置为 5000 毫秒（5秒）。我们还设置了插值器为 LinearInterpolator，使运动速度保持一致。

其它关键配置：

属性	描述
`setRepeatCount`	设置动画重复次数，使用 `INFINITE` 表示无限循环。
`setRepeatMode`	设置重复模式，此处使用 `RESTART` 表示从头开始。

4. 完善应用

为了进一步完善你的应用，考虑添加交互，例如开始和暂停动画的按钮。你可以通过调用 animator.cancel() 或 animator.start() 方法来控制动画的播放和暂停。

添加控制按钮

在 activity_main.xml 中添加一个按钮：

<Button
    android:id="@+id/toggleAnimationButton"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="暂停/开始"
    android:layout_below="@id/imageView"
    android:layout_centerHorizontal="true"
    android:layout_marginTop="20dp"/>

然后在 MainActivity.java 中设置监听器：

import android.view.View;
import android.widget.Button;

// 在 onCreate 方法内
Button toggleButton = findViewById(R.id.toggleAnimationButton);
toggleButton.setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View v) {
        if (animator.isRunning()) {
            animator.pause(); // 暂停动画
        } else {
            animator.resume(); // 恢复动画
        }
    }
});