Android动画之ObjectAnimator实现补间动画和ObjectAnimator自定义属性

2024-05-06 13:48
文章标签 实现 android 自定义 属性 动画 补间 objectanimator

本文主要是介绍Android动画之ObjectAnimator实现补间动画和ObjectAnimator自定义属性，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

动画入门和进阶文章列表：

Animation动画概述和执行原理
Android动画之补间动画TweenAnimation
Android动画之逐帧动画FrameAnimation
Android动画之插值器简介和系统默认插值器
Android动画之插值器Interpolator自定义
Android动画之视图动画的缺点和属性动画的引入
Android动画之ValueAnimator用法和自定义估值器
Android动画之ObjectAnimator实现补间动画和ObjectAnimator自定义属性
Android动画之ObjectAnimator中ofXX函数全解析-自定义Property，TypeConverter，TypeEvaluator
Android动画之AnimatorSet联合动画用法
Android动画之LayoutTransition布局动画
Android动画之共享元素动画
Android动画之ViewPropertyAnimator（专用于view的属性动画）
Android动画之Activity切换动画overridePendingTransition实现和Theme Xml方式实现
Android动画之ActivityOptionsCompat概述
Android动画之场景变换Transition动画的使用
Android动画之Transition和TransitionManager使用
Android动画之圆形揭露动画Circular Reveal

1 ObjectAnimator 概述

前面讲解了ValueAnimator和估值器，ValueAnimator只能对数值进行计算，要实现动画需要监听动画，然后获取数值，自己操作对象。不知道大家的感觉如何，我有两个两个感觉，一是这个动画有点复杂，另一个感觉是虽然叫做属性对象，但是完全没有感受到哪里跟属性有关。本篇文章主要讲解ObjectAnimator对象，这个对象继承自ValueAnimator，可以通过改变对象的属性，实现动画，是不是感觉ObjectAnimator叫做属性对象更合适。

在这里插入图片描述

ObjectAnimator继承自ValueAnimator,也是从API11才开始提供。

ValueAnimator类提供了把动画中的属性设置给目标对象的能力，只不过需要我们设置监听自己进行设置。ObjectAnimator可以设置动画目标对象（构造函数可以直接传入），构造函数中提供了将要作用于目标对象的属性名，ObjectAnimator运行过程中会把提供的属性利用目标对象提供的set函数设置给目标对象，有时也会调用目标对象的get函数获取属性值。简单说就是ObjectAnimator通过不断控制值的变化，再不断自动赋给对象的属性(调用目标对象的setXXX函数)，从而实现动画效果。

属性动画原理：
属性动画并不是真正通过改变对象的属性来实现动画，而是通过调用目标对象指定的setXxx方法，其中xxx就是指定的属性名，对象不一定有xxx这个属性，只要有setXxx这个方法就可以。ObjectAnimator动画过程中会调用SetXxx函数设置xxx的值，然后其内部会主动调用invalidate（）函数进行不停地重绘，这样就实现了动画效果。

ObjectAnimator类似ValueAnimator，不但可以直接利用代码生成，也可以利用xml文件实例化，xml方式不常用。
XML定义ObjectAnimator的标签为objectAnimator，API23以后也可以使用PropertyValuesHolder，具体使用方式在讲解ValueAnimator时已经讲解，这里不再重复。

ObjectAnimator实现动画的of方法

ofArgb(Object target, String propertyName, int... values)
ofArgb(T target, Property<T, Integer> property, int... values)
ofFloat(Object target, String xPropertyName, String yPropertyName, Path path)
ofFloat(T target, Property<T, Float> property, float... values)
ofFloat(T target, Property<T, Float> xProperty, Property<T, Float> yProperty, Path path)
ofFloat(Object target, String propertyName, float... values)ofInt(T target, Property<T, Integer> xProperty, Property<T, Integer> yProperty, Path path)
ofInt(T target, Property<T, Integer> property, int... values)
ofInt(Object target, String propertyName, int... values)
ofInt(Object target, String xPropertyName, String yPropertyName, Path path)ofMultiFloat(Object target, String propertyName, float[][] values)
ofMultiFloat(Object target, String propertyName, Path path)
ofMultiFloat(Object target, String propertyName, TypeConverter<T, float[]> converter, TypeEvaluator<T> evaluator, T... values)
ofMultiInt(Object target, String propertyName, int[][] values)
ofMultiInt(Object target, String propertyName, Path path)
ofMultiInt(Object target, String propertyName, TypeConverter<T, int[]> converter, TypeEvaluator<T> evaluator, T... values)ofObject(T target, Property<T, V> property, TypeEvaluator<V> evaluator, V... values)
ofObject(Object target, String propertyName, TypeConverter<PointF, ?> converter, Path path)
ofObject(T target, Property<T, V> property, TypeConverter<PointF, V> converter, Path path)
ofObject(T target, Property<T, P> property, TypeConverter<V, P> converter, TypeEvaluator<V> evaluator, V... values)
ofObject(Object target, String propertyName, TypeEvaluator evaluator, Object... values)ofPropertyValuesHolder(Object target, PropertyValuesHolder... values)

2利用ObjectAnimator实现补间动画效果

2.1 平移动画

View有setTranslationX，setTranslationY实现坐标的改变
setTranslationX(float translationX) :以当前控件为原点，在x轴上移动
setTranslationY(float translationY) :以当前控件为原点，在Y轴上移动

ObjectAnimator实现平移：
向X轴正方向移动：

objectAnimator = ObjectAnimator.ofFloat(textView, "translationX", 100, 200, 300,400,500);
objectAnimator.setDuration(3000);
objectAnimator.setInterpolator(new LinearInterpolator());

在这里插入图片描述
Y轴方向移动不在演示

2.2 透明度

View有setAlpha函数控制透明度
ObjectAnimator实现透明度变化：

objectAnimator = ObjectAnimator.ofFloat(textView, "alpha", 0.1f,1.0f);
objectAnimator.setDuration(3000);
objectAnimator.setInterpolator(new LinearInterpolator());

在这里插入图片描述

2.3 缩放

View有setScaleX(float scaleX)和setScaleY(float scaleY)函数对View进行缩放。
ObjectAnimator实现缩放

objectAnimator = ObjectAnimator.ofFloat(textView, "scaleX", 0.1f,1.0f,2.0f,1.0f);
objectAnimator.setDuration(3000);
objectAnimator.setInterpolator(new LinearInterpolator());

在这里插入图片描述

2.4 旋转

View有setRotationX(float rotationX)和setRotationY(float rotationY)，setRotation（rotation）函数设置旋转，
setRotationX：绕X轴旋转
setRotationY：绕Y轴旋转
setRotation: 绕中心旋转

ObjectAnimator实现旋转

objectAnimator = ObjectAnimator.ofFloat(textView, "rotation", 0,270);
objectAnimator.setDuration(3000);
objectAnimator.setInterpolator(new LinearInterpolator());

在这里插入图片描述

3 ObjectAnimator动画注意事项：重要

总结来自：https://developer.android.google.cn/guide/topics/graphics/prop-animation#java

动画一些特性：

  • duration 动画运行时长，如果不设置默认300ms
  • interpolation：设置动画运行过程中对应的动画完成状态（设置动画运行速率，类似动画设置了1000ms，可以让动画在运行到100ms时就展示动画完成时的状态）
  • 动画刷新频率，默认是每10ms刷新一次，但也跟系统忙碌程度有关，如果系统资源占用严重可能时间会延长。

重要：一下内容来自androidDeveloper，非常重要请大家关注
属性动画getXxx(),setXxx()函数和属性xxx的规则说明：

  • 如果ObjectAnimator想操作对象的foo属性实现动画操作，对象必须有相应的setFoo函数，
    因为ObjectAnimator会自动根据foo属性对应的setFoo函数去更新属性值。所以可以推测出ObjectAnimator会自动把属性转化成对应的set函数，会强制大写第一个字母，然后反射得到set函数，进行调用，所以ObjectAnimator初始化时属性首字母大小写无所谓，关键是除了首字母其他一定要和set函数对应。
  • 上面我们知道了对象setter函数的作用，那么getter函数有什么用处呢，ObjectAnimator指定values时，可以指定多个value，如果我们初始化时只指定了一个值，ObjectAnimator会把这个值作为动画结束状态的值，此时会调用getter函数作为动画初始状态的值。
  • 动画目标对象getter和setter函数的参数类型和ObjectAnimator设置动画开始和结束值的类型必须相同。
  • ObjectAnimator内部会主动调用目标对象的setter方法，但是这并不会导致view的重绘，需要你在setter方法中主动调用invalidate方法或者设置动画监听函数，在onAnimationUpdate的回调中调用invalidate方法。如果你要自己定义对象的setter方法，就要主动调用invalidate方法。

4 自定义ObjectAnimator属性

上面把view已经存在的平移，旋转，缩放，透明度属性利用ObjectAnimator进行了实现，接着将演示自定义ObjectAnimator属性的操作，通过上面的分析知道ObjectAnimator重要的点是属性和设置属性的set函数，以及主动调用invalidate函数，下面会通过一个例子来实现自定义ObjectAnimator属性的过程。
自定义view

public class ViewDemo22 extends View {private int color = Color.GREEN;private int radius = 100;private Paint mPaint;public int getColor() {return color;}public void setColor(int color) {this.color = color;mPaint.setColor(color);invalidate();}public int getRadius() {return radius;}public void setRadius(int radius) {this.radius = radius;invalidate();}public ViewDemo22(Context context) {this(context,null,0);}public ViewDemo22(Context context, @Nullable AttributeSet attrs) {this(context, attrs,0);}public ViewDemo22(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {super(context, attrs, defStyleAttr);init();}private void init() {mPaint = new Paint(Paint.ANTI_ALIAS_FLAG);mPaint.setColor(color);mPaint.setStrokeWidth(5);mPaint.setStyle(Paint.Style.STROKE);}@Overrideprotected void onDraw(Canvas canvas) {super.onDraw(canvas);canvas.drawCircle(getMeasuredHeight()/2,getMeasuredHeight()/2,radius,mPaint);}@Overrideprotected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {super.onMeasure(widthMeasureSpec, heightMeasureSpec);int width = MeasureSpec.getSize(widthMeasureSpec);int height = MeasureSpec.getSize(heightMeasureSpec);if (width < 200){width = 200;}if (height < 200){height = 200;}if (width < height){setMeasuredDimension(height,height);}else{setMeasuredDimension(width,width);}}@Overrideprotected void onSizeChanged(int w, int h, int oldw, int oldh) {super.onSizeChanged(w, h, oldw, oldh);}
}

布局文件

<?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=".MainActivity"><com.ldx.canvasdrawdemo.ViewDemo22android:id="@+id/viewdemo"android:layout_width="wrap_content"android:layout_height="wrap_content"app:layout_constraintLeft_toLeftOf="parent"app:layout_constraintRight_toRightOf="parent"app:layout_constraintTop_toTopOf="parent"app:layout_constraintBottom_toBottomOf="parent"/></android.support.constraint.ConstraintLayout>

setContentView(R.layout.activity_main);
viewDemo22 = findViewById(R.id.viewdemo);ObjectAnimator objectAnimator = ObjectAnimator.ofInt(viewDemo22, "radius", 50, 300);
objectAnimator.setDuration(1000);
objectAnimator.setInterpolator(new LinearInterpolator());
objectAnimator.setRepeatCount(-1);
objectAnimator.start();

在这里插入图片描述

改变颜色,没有设置插值器，只是简单数据改变：

ObjectAnimator objectAnimator = ObjectAnimator.ofInt(viewDemo22, "color", Color.RED, Color.GREEN);
objectAnimator.setDuration(1000);
objectAnimator.setInterpolator(new LinearInterpolator());
objectAnimator.setRepeatCount(-1);
objectAnimator.start();

在这里插入图片描述

5 Xml 方式实现

用的不多，只简单举例

<objectAnimator xmlns:android="http://schemas.android.com/apk/res/android"android:duration="1000"android:valueTo="200"android:valueType="floatType"android:propertyName="y"android:repeatCount="1"android:repeatMode="reverse"/>

ObjectAnimator objAnimator = (ObjectAnimator ) AnimatorInflater.loadAnimator(this,
R.animator.animator);

这篇关于Android动画之ObjectAnimator实现补间动画和ObjectAnimator自定义属性的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！


http://www.chinasem.cn/article/964525。

相关文章

【前端学习】AntV G6-08 深入图形与图形分组、自定义节点、节点动画（下）

【前端学习】AntV G6-08 深入图形与图形分组、自定义节点、节点动画（下）

【课程链接】 AntV G6：深入图形与图形分组、自定义节点、节点动画（下）_哔哩哔哩_bilibili 本章十吾老师讲解了一个复杂的自定义节点中，应该怎样去计算和绘制图形，如何给一个图形制作不间断的动画，以及在鼠标事件之后产生动画。（有点难，需要好好理解） <!DOCTYPE html><html><head><meta charset="UTF-8"><title>06
阅读更多...
hdu1043（八数码问题，广搜 + hash（实现状态压缩） ）

hdu1043（八数码问题，广搜 + hash（实现状态压缩） ）

利用康拓展开将一个排列映射成一个自然数，然后就变成了普通的广搜题。 #include<iostream>#include<algorithm>#include<string>#include<stack>#include<queue>#include<map>#include<stdio.h>#include<stdlib.h>#include<ctype.h>#inclu
阅读更多...
【C++】_list常用方法解析及模拟实现

【C++】_list常用方法解析及模拟实现

相信自己的力量，只要对自己始终保持信心，尽自己最大努力去完成任何事，就算事情最终结果是失败了，努力了也不留遗憾。💓💓💓 目录   ✨说在前面 🍋知识点一：什么是list？ •🌰1.list的定义 •🌰2.list的基本特性 •🌰3.常用接口介绍 🍋知识点二：list常用接口 •🌰1.默认成员函数 🔥构造函数（⭐） 🔥析构函数 •🌰2.list对象
阅读更多...
【Prometheus】PromQL向量匹配实现不同标签的向量数据进行运算

【Prometheus】PromQL向量匹配实现不同标签的向量数据进行运算

✨✨ 欢迎大家来到景天科技苑✨✨ 🎈🎈 养成好习惯，先赞后看哦~🎈🎈 🏆 作者简介：景天科技苑 🏆《头衔》：大厂架构师，华为云开发者社区专家博主，阿里云开发者社区专家博主，CSDN全栈领域优质创作者，掘金优秀博主，51CTO博客专家等。 🏆《博客》：Python全栈，前后端开发，小程序开发，人工智能，js逆向，App逆向，网络系统安全，数据分析，Django，fastapi
阅读更多...
让树莓派智能语音助手实现定时提醒功能

让树莓派智能语音助手实现定时提醒功能

最初的时候是想直接在rasa 的chatbot上实现，因为rasa本身是带有remindschedule模块的。不过经过一番折腾后，忽然发现，chatbot上实现的定时，语音助手不一定会有响应。因为，我目前语音助手的代码设置了长时间无应答会结束对话，这样一来，chatbot定时提醒的触发就不会被语音助手获悉。那怎么让语音助手也具有定时提醒功能呢？ 我最后选择的方法是用threading.Time
阅读更多...
Android实现任意版本设置默认的锁屏壁纸和桌面壁纸（两张壁纸可不一致）

Android实现任意版本设置默认的锁屏壁纸和桌面壁纸（两张壁纸可不一致）

客户有些需求需要设置默认壁纸和锁屏壁纸  在默认情况下 这两个壁纸是相同的  如果需要默认的锁屏壁纸和桌面壁纸不一样 需要额外修改 Android13实现 替换默认桌面壁纸： 将图片文件替换frameworks/base/core/res/res/drawable-nodpi/default_wallpaper.*  （注意不能是bmp格式） 替换默认锁屏壁纸： 将图片资源放入vendo
阅读更多...
C#实战|大乐透选号器[6]：实现实时显示已选择的红蓝球数量

C#实战|大乐透选号器[6]：实现实时显示已选择的红蓝球数量

哈喽，你好啊，我是雷工。 关于大乐透选号器在前面已经记录了5篇笔记，这是第6篇； 接下来实现实时显示当前选中红球数量，蓝球数量； 以下为练习笔记。 01 效果演示 当选择和取消选择红球或蓝球时，在对应的位置显示实时已选择的红球、蓝球的数量； 02 标签名称 分别设置Label标签名称为：lblRedCount、lblBlueCount
阅读更多...
Android平台播放RTSP流的几种方案探究（VLC VS ExoPlayer VS SmartPlayer）

Android平台播放RTSP流的几种方案探究（VLC VS ExoPlayer VS SmartPlayer）

技术背景 好多开发者需要遴选Android平台RTSP直播播放器的时候，不知道如何选的好，本文针对常用的方案，做个大概的说明： 1. 使用VLC for Android VLC Media Player（VLC多媒体播放器），最初命名为VideoLAN客户端，是VideoLAN品牌产品，是VideoLAN计划的多媒体播放器。它支持众多音频与视频解码器及文件格式，并支持DVD影音光盘，VCD影
阅读更多...
Kubernetes PodSecurityPolicy：PSP能实现的5种主要安全策略

Kubernetes PodSecurityPolicy：PSP能实现的5种主要安全策略

Kubernetes PodSecurityPolicy：PSP能实现的5种主要安全策略 1. 特权模式限制2. 宿主机资源隔离3. 用户和组管理4. 权限提升控制5. SELinux配置 💖The Begin💖点点关注，收藏不迷路💖 Kubernetes的PodSecurityPolicy（PSP）是一个关键的安全特性，它在Pod创建之前实施安全策略，确保P
阅读更多...
滚雪球学Java(87)：Java事务处理：JDBC的ACID属性与实战技巧！真有两下子！

滚雪球学Java(87)：Java事务处理：JDBC的ACID属性与实战技巧！真有两下子！

咦咦咦，各位小可爱，我是你们的好伙伴——bug菌，今天又来给大家普及Java SE啦，别躲起来啊，听我讲干货还不快点赞，赞多了我就有动力讲得更嗨啦！所以呀，养成先点赞后阅读的好习惯，别被干货淹没了哦~ 🏆本文收录于「滚雪球学Java」专栏，专业攻坚指数级提升，助你一臂之力，带你早日登顶🚀，欢迎大家关注&&收藏！持续更新中，up！up！up！！ 环境说明：Windows 10
阅读更多...

Copyright China编程 23002807@qq.com

沪ICP备2023033072号-2