【Android】属性动画（83/100）

原创已于 2025-08-23 19:27:41 修改 · 1.1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#android #动画 #属性动画 #裁剪动画 #ObjectAnim

于 2022-08-24 16:04:10 首次发布

android开发专栏收录该内容

44 篇文章

订阅专栏

本文介绍了如何在Android中使用属性动画实现图片的灰度变化、平移动画、缩放、旋转以及裁剪效果。通过创建并控制ObjectAnimator对象，详细展示了各种动画的实现代码，并提供了XML布局文件作为辅助。此外，还提到了Android早期动画框架的局限性，以及推荐了一款自研的API调试工具SmartApi，作为Postman的替代选择，具备API参数填写、响应数据展示、Mock功能和文档分享等特性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在这里插入图片描述
核心动画代码如下：

 private ObjectAnimator alphaAnim, translateAnim, scaleAnim, rotateAnim; // 声明四个属性动画对象

    private void initObjectAnim() {
// 构造一个在透明度上变化的属性动画
        alphaAnim = ObjectAnimator.ofFloat(imageView, "alpha", 1f, 0.1f, 1f);
        // 构造一个在横轴上平移的属性动画
        translateAnim = ObjectAnimator.ofFloat(imageView, "translationX", 0f, -200f, 0f, 200f, 0f);
        // 构造一个在纵轴上缩放的属性动画
        scaleAnim = ObjectAnimator.ofFloat(imageView, "scaleY", 1f, 0.5f, 1f);
        // 构造一个围绕中心点旋转的属性动画
        rotateAnim = ObjectAnimator.ofFloat(imageView, "rotation", 0f, 360f, 0f);

    }

效果控制如下：

    private String[] objectArray = {"灰度动画", "平移动画", "缩放动画", "旋转动画", "裁剪动画"};

// 播放指定类型的属性动画
    @RequiresApi(api = Build.VERSION_CODES.JELLY_BEAN_MR2)
    private void playObjectAnim(int type) {
        ObjectAnimator anim = null;
        if (type == 0) { // 灰度动画
            anim = alphaAnim;
        } else if (type == 1) { // 平移动画
            anim = translateAnim;
        } else if (type == 2) { // 缩放动画
            anim = scaleAnim;
        } else if (type == 3) { // 旋转动画
            anim = rotateAnim;
        } else if (type == 4) { // 裁剪动画
            int width = imageView.getWidth();
            int height = imageView.getHeight();
            // 构造一个从四周向中间裁剪的属性动画
            ObjectAnimator clipAnim = ObjectAnimator.ofObject(imageView, "clipBounds",
                    new RectEvaluator(), new Rect(0, 0, width, height),
                    new Rect(width / 3, height / 3, width / 3 * 2, height / 3 * 2),
                    new Rect(0, 0, width, height));
            anim = clipAnim;
        }
        if (anim != null) {
            anim.setDuration(3000); // 设置动画的播放时长
            anim.start(); // 开始播放属性动画
        }
    }

补充xml布局：

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".activity.ObjectAnimActivity">

    <TextView
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"

        android:id="@+id/tv_label"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:paddingLeft="5dp"
        android:text="请选择："
        android:textColor="@color/black"
        android:textSize="17sp"

        />

    <Spinner
        app:layout_constraintStart_toEndOf="@id/tv_label"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        android:id="@+id/spinner"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:spinnerMode="dropdown" />

    <ImageView
        android:id="@+id/iv_origin"

        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@id/tv_label"

        android:layout_width="match_parent"
        android:layout_height="300dp"
        android:src="@mipmap/ic_img05"
        android:scaleType="fitXY"
        android:layout_margin="10dp"
        />
</android.support.constraint.ConstraintLayout>