Android 动画（五）ObjectAnimator学习

其他 2018-09-08 23:35:32 阅读次数: 0

概述

ValueAnimator只能对数值做动画计算。如果想对哪个控件操作，需要监听动画过程，然后在监听中对控件操作。这样使用起来相比补间动画而言就相对比较麻烦。为了能让动画直接与对应控件相关联，以使我们从监听动画过程中解放出来，谷歌的开发人员在ValueAnimator的基础上，又派生了一个类ObjectAnimator;由于ObjectAnimator是派生自 ValueAnimator 的，所以 ValueAnimator 中所能使用的方法，在ObjectAnimator中都可以正常使用。但 ObjectAnimator 也重写了几个方法，比如 ofInt(),ofFloat()等。

下面以ObjectAnimator 的ofFloat方法为例：

public static ObjectAnimator ofFloat(Object target, String propertyName, float... values) 
target用于指定这个动画要操作的是哪个控件
propertyName用于指定这个动画要操作这个控件的哪个属性
values是可变长参数，这个就跟 ValueAnimator 中的可变长参数的意义一样了，就是指这个属性值是从哪变到哪。

要注意的地方：

ObjectAnimator 做动画，并不是根据控件 xml 中的属性来改变的，而是通过指定属性所对应的set方法来改变的。比如，我们指定改变rotation的属性值，ObjectAnimator在做动画时就会到指定控件（TextView）中去找对应的setRotation()方法来改变控件中对应的值,在使用的过程中药特别注意以下几点：

  1. 要使用 ObjectAnimator 来构造对画，要操作的控件中，必须存在对应的属性的 set 方法
  2. 系统先根据属性值拼装成对应的 set 函数的名字，比如这里的 rotation 的拼装方法就是将属性的第一个字母强制大写后，与 set 拼接，所以就是 setRotation 。然后通过反射找到对应控件的 setRotation(float rotation)函数。
  3. set 方法的命名必须以骆驼拼写法命名，即 set 后每个单词首字母大写，其余字母小写，即类似于 setPropertyName 所对应的属性为 propertyName。

ObjectAnimator 动画流程：

这里写图片描述

示例Demo：

layout/activity_object_animator_demo.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    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="com.makesky.studydemo01.Animator.ObjectAnimator.ObjectAnimatorDemoActivity"
    android:orientation="vertical"
    android:padding="10dp">

    <ScrollView
        android:layout_width="match_parent"
        android:layout_height="match_parent">
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="vertical">


            <Button
                android:id="@+id/bt_start_anim01"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="启动Alpha动画"/>

            <ImageView
                android:id="@+id/iv_image01"
                android:layout_width="200dp"
                android:layout_height="200dp"
                android:layout_gravity="center"
                android:src="@drawable/vector_image_01"/>

            <Button
                android:id="@+id/bt_start_anim02"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="启动rotation动画"/>

            <ImageView
                android:id="@+id/iv_image02"
                android:layout_width="200dp"
                android:layout_height="200dp"
                android:layout_gravity="center"
                android:src="@drawable/vector_image_01"/>

            <Button
                android:id="@+id/bt_start_anim03"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="启动rotationX动画"/>

            <ImageView
                android:id="@+id/iv_image03"
                android:layout_width="200dp"
                android:layout_height="200dp"
                android:layout_gravity="center"
                android:src="@drawable/vector_image_01"/>

            <Button
                android:id="@+id/bt_start_anim04"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="启动rotationY动画"/>

            <ImageView
                android:id="@+id/iv_image04"
                android:layout_width="200dp"
                android:layout_height="200dp"
                android:layout_gravity="center"
                android:src="@drawable/vector_image_01"/>


            <Button
                android:id="@+id/bt_start_anim05"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="启动translationX动画"/>

            <ImageView
                android:id="@+id/iv_image05"
                android:layout_width="200dp"
                android:layout_height="200dp"
                android:layout_gravity="center"
                android:src="@drawable/vector_image_01"/>


            <Button
                android:id="@+id/bt_start_anim06"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="启动translationY动画"/>

            <ImageView
                android:id="@+id/iv_image06"
                android:layout_width="200dp"
                android:layout_height="200dp"
                android:layout_gravity="center"
                android:src="@drawable/vector_image_01"/>

            <Button
                android:id="@+id/bt_start_anim07"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="启动scaleX动画"/>

            <ImageView
                android:id="@+id/iv_image07"
                android:layout_width="200dp"
                android:layout_height="200dp"
                android:layout_gravity="center"
                android:src="@drawable/vector_image_01"/>



            <Button
                android:id="@+id/bt_start_anim08"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="启动scaleY动画"/>

            <ImageView
                android:id="@+id/iv_image08"
                android:layout_width="200dp"
                android:layout_height="200dp"
                android:layout_gravity="center"
                android:src="@drawable/vector_image_01"/>

            <Button
                android:id="@+id/bt_start_anim10"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="启动颜色渐变动画"/>

            <com.makesky.studydemo01.Animator.PointView
                android:id="@+id/iv_image10"
                android:layout_width="200dp"
                android:layout_height="200dp"
                android:layout_gravity="center"
                android:background="#7B68EE"/>


            <Button
                android:id="@+id/bt_start_anim09"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="启动自定义View的动画"/>

            <com.makesky.studydemo01.Animator.PointView
                android:id="@+id/iv_image09"
                android:layout_width="200dp"
                android:layout_height="200dp"
                android:layout_gravity="center"/>


        </LinearLayout>
    </ScrollView>

</LinearLayout>

ObjectAnimatorDemoActivity.java

    /**
     * 启动透明动画
     */
    private void startAlphaAnim() {
        ObjectAnimator animator = ObjectAnimator.ofFloat(ivImage01, "alpha", 1, 0, 1);
        animator.setDuration(2400);
        animator.start();
    }

这里写图片描述

    /**
     * 启动旋转动画
     */
    private void startRotationAnim() {
        ObjectAnimator animator = ObjectAnimator.ofFloat(ivImage02, "rotation", 0, 180, 0);
        animator.setDuration(2400);
        animator.start();
    }

这里写图片描述

    /**
     * 启动绕X轴旋转动画
     */
    private void startRotationXAnim() {
        ObjectAnimator animator = ObjectAnimator.ofFloat(ivImage03, "rotationX", 0, 270, 0);
        animator.setDuration(2400);
        animator.start();
    }

这里写图片描述

    /**
     * 启动绕Y轴旋转动画
     */
    private void startRotationYAnim() {
        ObjectAnimator animator = ObjectAnimator.ofFloat(ivImage04, "rotationY", 0, 180, 0);
        animator.setDuration(2400);
        animator.start();
    }

这里写图片描述

    /**
     * 启动沿X轴移动动画
     */
    private void startTranslationXAnim() {
        ObjectAnimator animator = ObjectAnimator.ofFloat(ivImage05, "translationX", 0, 250, -250, 0);
        animator.setDuration(2400);
        animator.start();
    }

这里写图片描述

    /**
     * 启动沿Y轴移动动画
     */
    private void startTranslationYAnim() {
        ObjectAnimator animator = ObjectAnimator.ofFloat(ivImage06, "translationY", 0, 200, 0);
        animator.setDuration(2400);
        animator.start();
    }

这里写图片描述

    /**
     * 启动沿X轴伸缩动画
     */
    private void startScaleXAnim() {
        ObjectAnimator animator = ObjectAnimator.ofFloat(ivImage07, "scaleX", 1, 4, 1);
        animator.setDuration(2400);
        animator.start();
    }

这里写图片描述

    /**
     * 启动沿Y轴伸缩动画
     */
    private void startScaleYAnim() {
        ObjectAnimator animator = ObjectAnimator.ofFloat(ivImage08, "scaleY", 1, 4, 1);
        animator.setDuration(2400);
        animator.start();
    }

这里写图片描述

    /**
     * 启动颜色渐变动画
     */
    private void startColorGradientAnim() {
        ObjectAnimator animator = ObjectAnimator.ofInt(ivImage10, "BackgroundColor", 0XFF7B68EE, 0XFF00FA9A, 0XFF7B68EE);
        animator.setDuration(5000);
        animator.setEvaluator(new ArgbEvaluator());
        animator.start();
    }

这里写图片描述

猜你喜欢

转载自blog.csdn.net/MakerCloud/article/details/81192752
今日推荐
Linus “吃狗粮”最积极！
开源日报 | Winamp播放器即将开源；生成式AI之战升级第二轮；Linus“吃狗粮”最积极；AI进入泡沫前期；吴泳铭为阿里云带来了什么？
NetBSD 禁止提交由 AI 生成的代码
Apache Doris 2.0.10 版本正式发布！
开源日报 | 大模型开战；大模型独角兽被曝卖身；周鸿祎建议谷歌开源所有产品；最大开源AI社区提供1000万美元共享GPU
开源日报 | Chrome内置Gemini的意义不在于Gemini；中国AI追随之路的五大误区；ECharts创始人“下海”养鱼；谷歌I/O开发者大会什么都有，只是没有惊喜
微软回应中国区AI团队“打包赴美”传闻
周排行
SVN服务端安装在阿里云
实战 | 相机标定
webpack核心概念
note20——》只要肯低头吃苦，人生就会有救
PAT甲级 1062 Talent and Virtue （25 分）排序
NG Toolset开发笔记--5GNR Resource Grid（26）
如何对待上司
oracle命令
第9章 STL迭代器
logstash使用es映射模板
每日归档
更多
2024-05-20(36)
2024-05-19(0)
2024-05-18(4)
2024-05-17(34)
2024-05-16(6)
2024-05-15(24)
2024-05-14(0)
2024-05-13(18)
2024-05-12(0)
2024-05-11(38)

代码天地 © 2018 codetd.com

境外服务器   最新电视剧2022