教你实现“安卓转圈ImageView”

在安卓开发中，实现一个旋转的 ImageView 是一个很常见的需求，通常用于指示正在加载的状态。今天，我们来一步步实现这个功能。下面是整个流程的概述。

整体流程

步骤 操作 备注
1 创建新的 Android 项目 使用 Android Studio
2 在布局文件中添加 ImageView 显示 loading 图标
3 在代码中实现旋转动画 使用 ObjectAnimator
4 启动旋转动画 在适当的时机开始和停止动画

详细步骤

第一步：创建新的 Android 项目

  1. 打开 Android Studio。
  2. 选择“File -> New -> New Project”。
  3. 选择“Empty Activity”，并为应用命名。

第二步：在布局文件中添加 ImageView

在 res/layout/activity_main.xml 文件中添加以下代码：

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

    <ImageView
        android:id="@+id/loadingImage"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/ic_loading"  <!-- 这里要用你的加载图标 -->
        android:layout_centerInParent="true"/>
</RelativeLayout>

这里的 ImageView 是用来显示加载图标的，利用 android:layout_centerInParent 将其放置在屏幕的中心。

第三步：在代码中实现旋转动画

接下来，在 MainActivity.java 文件中添加以下代码：

import android.animation.ObjectAnimator;  // 引入 ObjectAnimator
import android.os.Bundle;                  // 导入 Bundle
import androidx.appcompat.app.AppCompatActivity;  // 导入 AppCompatActivity
import android.widget.ImageView;           // 引入 ImageView

public class MainActivity extends AppCompatActivity {

    private ImageView loadingImage; // 声明 ImageView 变量

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

        loadingImage = findViewById(R.id.loadingImage); // 获取 ImageView 实例
        
        // 创建旋转动画，旋转角度360度，持续时间2000毫秒（2秒）
        ObjectAnimator animator = ObjectAnimator.ofFloat(loadingImage, "rotation", 0f, 360f);
        animator.setDuration(2000); // 设置动画持续时间

        // 无限循环动画
        animator.setRepeatCount(ObjectAnimator.INFINITE);
        animator.start(); // 启动动画
    }
}

这段代码中，我们首先导入了所需的类。ObjectAnimator 用于创建动画，可以控制 loadingImage 的旋转。我们设定它从 0f 到 360f 进行旋转，动画的持续时间设为 2000 毫秒。这里还通过 setRepeatCount 设为 INFINITE，使其无限循环。

第四步：启动旋转动画

在 onCreate 方法中，我们创建并启动了旋转动画，确保在应用启动时就开始显示加载效果。

完整代码示例

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

public class MainActivity extends AppCompatActivity {

    private ImageView loadingImage;

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

        loadingImage = findViewById(R.id.loadingImage);
        
        ObjectAnimator animator = ObjectAnimator.ofFloat(loadingImage, "rotation", 0f, 360f);
        animator.setDuration(2000);
        animator.setRepeatCount(ObjectAnimator.INFINITE);
        animator.start();
    }
}

甘特图展示

gantt
    title Android转圈ImageView实现流程
    dateFormat  YYYY-MM-DD
    section 创建新项目
    创建项目           :done, 2023-10-01, 1d
    section 添加布局
    编辑布局文件          :done, 2023-10-02, 1d
    section 实现动画
    实现旋转动画         :done, 2023-10-03, 1d
    启动动画            :done, 2023-10-04, 1d

结语

通过以上步骤，我们成功实现了一个基本的“安卓转圈ImageView”。这种旋转动画常用于表示加载状态，非常直观。在实际开发中，你可以根据需要修改旋转的角度、速度以及其他动画效果，来提升用户体验。

希望这篇文章能够帮助你更好的理解安卓动画的实现，欢迎随时问我！