自定义View时,用到Paint Canvas的一些温故,PropertyAnimation中的ObjectAnimator(动画三,“大大姐”的旋转跳跃)

本文主要是介绍自定义View时,用到Paint Canvas的一些温故,PropertyAnimation中的ObjectAnimator(动画三,“大大姐”的旋转跳跃),希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

转载请注明出处:王亟亟的大牛之路

上一篇讲了一些比较基础的view Animation 这篇会选PropertyAnimation的部分功能来讲一下,因为它的子类还是蛮多的,希望分的篇幅多点,然后可以讲细点

先上一下跑的效果(gif吃动画,见谅,大家可以自己run下)

这里写图片描述

这篇主要会讲以下几部分
- ObjectAnimator
- AnimatorSet
- PropertyValuesHolder
以及与之相关的一些知识点


Property Animation相对于我们昨天的View Animation区别在哪?

它可以改变动画的展现效果。

什么叫展现效果?
例子:我一个动画从(0,0)平移到(200,200)在使用View Animation的情况下,我只能同一时间使用一种动画效果,实现方式比较单一,难以满足我们的现实场景,但是Property Animation可以使出“组合拳”

列举一下Property Animation一些常用子类及方法

ObjectAnimator 动画的执行类(这一篇的主角)

ObjectAnimator 对象动画,当一个view同时拥有某一属性的getter、setter方法时,则可以使用该动画,来操作这一属性。

ValueAnimator 动画的执行类(ObjectAnimator的父类)

操作的范围比较广,通过Interpolator和TypeEvaluator得到某一时间内的值;再用监听器,监听值的变化,做相应的操作。

有一点很重要可以监听动画

AnimatorSet 动画集合

用于控制动画的执行先后/同时,每个动画的先后执行等。

AnimatorInflater

加载xml动画用,本文例子为java代码实现


ObjectAnimator

相比ValueAnimator类,ObjectAnimator更加实用,因为它真正可以作用在一个对象上。不过ObjectAnimator是继承自ValueAnimator的,所以主体方法还是ValueAnimator里实现的。那么我们来看看ObjectAnimator的使用吧。常用方法有这些:ofFloat(),ofInt(),ofObject(),ofArgb(),ofPropertyValuesHolder()。

绕着x/y轴旋转

LogUtils.d("--->makeAnim 4 ObjectAnimator 沿着x轴旋转");ObjectAnimator.ofFloat(imageView, "rotationX", 0.0f, 360.0f).setDuration(2000).start();LogUtils.d("--->makeAnim 5 ObjectAnimator 沿着y轴旋转");ObjectAnimator.ofFloat(imageView, "rotationY", 0.0f, 150.0f, 0.0f).setDuration(2000).start();

沿着x/y轴放大

LogUtils.d("--->makeAnim 6 ObjectAnimator 沿着x轴放大");ObjectAnimator.ofFloat(imageView, "scaleX", 1.0f, 1.5f, 1.0f).setDuration(2000).start();LogUtils.d("--->makeAnim 7 ObjectAnimator 沿着y轴放大");ObjectAnimator.ofFloat(imageView, "scaleY", 1.0f, 1.5f, 1.0f).setDuration(2000).start();

沿着x/y周平移,并且重复实施

 LogUtils.d("--->makeAnim 8 ObjectAnimator 沿着X轴平移");ObjectAnimator.ofFloat(imageView, "translationX", 0.0f, 200.0f, 0.0f).setDuration(2000).start();LogUtils.d("--->makeAnim 9 ObjectAnimator 沿着y轴平移 执行2次");ObjectAnimator objectAnimator = ObjectAnimator.ofFloat(imageView, "translationY", 0.0f, 200.0f, 0.0f);objectAnimator.setDuration(2000);objectAnimator.setRepeatCount(2);//重复次数objectAnimator.setRepeatMode(ValueAnimator.RESTART);//重复模式objectAnimator.start();

实现复杂的效果需要以下方法的协助

setInterpolator():设置动画插值 
setDuration():设置动画执行时间 
setRepeatCount():设置动画重复次数 
setRepeatMode():设置动画重复模式 
setStartDelay():设置动画延时操作 
setTarget():设置动画的对象 
setEvaluator():设置动画过度的评估者。

那么那些组合动画怎么操作呢?

AnimatorSet

AnimationSet提供了一个把多个动画组合成一个组合的机制,并可设置组中动画的时序关系,如同时播放,顺序播放等。

这个类提供了一个play()方法,如果我们向这个方法中传入一个Animator对象(ValueAnimator或ObjectAnimator)将会返回一个AnimatorSet.Builder的实例,AnimatorSet.Builder中包括以下四个方法:

after(Animator anim) 将现有动画插入到传入的动画之后执行
after(long delay) 将现有动画延迟指定毫秒后执行
before(Animator anim) 将现有动画插入到传入的动画之前执行
with(Animator anim) 将现有动画和传入的动画同时执行

那我们来实验一下

旋转着漂移到某x,y坐标

LogUtils.d("--->makeAnim 10 ObjectAnimator 沿着y轴X轴平移 过程中旋转");ObjectAnimator objectAnimator1 = ObjectAnimator.ofFloat(imageView, "translationY", 0.0f, 250.0f, 0.0f);ObjectAnimator objectAnimator2 = ObjectAnimator.ofFloat(imageView, "translationX", 0.0f, 250.0f, 0.0f);ObjectAnimator objectAnimator3 = ObjectAnimator.ofFloat(imageView, "rotationY", 0.0f, 360.0f);AnimatorSet animationSet = new AnimatorSet();//组合动画animationSet.play(objectAnimator1).with(objectAnimator2).with(objectAnimator3);animationSet.setDuration(4000);animationSet.setStartDelay(1500);animationSet.start();

因为3个动画都是同时的,那么就要用with连接

那我们再试个有顺序的

LogUtils.d("--->makeAnim 11 ObjectAnimator 先放大,放大的过程中旋转,再渐消失");ObjectAnimator objectAnimator4 = ObjectAnimator.ofFloat(imageView, "scaleX", 1.0f, 2.0f, 1.0f);ObjectAnimator objectAnimator5 = ObjectAnimator.ofFloat(imageView, "scaleY", 1.0f, 2.0f, 1.0f);ObjectAnimator objectAnimator6 = ObjectAnimator.ofFloat(imageView, "alpha", 1.0f, 0.2f, 1.0f);ObjectAnimator objectAnimator7 = ObjectAnimator.ofFloat(imageView, "rotationX", 0.0f,360.0f);AnimatorSet animationSet1 = new AnimatorSet();//组合动画animationSet1.setDuration(4000);animationSet1.play(objectAnimator4).with(objectAnimator5).with(objectAnimator7).before(objectAnimator6);animationSet1.start();

先保持x,y向的放大,同时旋转,最后才消失


PropertyValuesHolder

除了AnimatorSet也可以用PropertyValuesHolder来展现“组合拳”只是PropertyValuesHolder的效果都是同时的,也就是类似于数个with一起的效果

LogUtils.d("--->makeAnim 12 ObjectAnimator 放大,旋转,渐消失");PropertyValuesHolder valuesHolder = PropertyValuesHolder.ofFloat( "scaleX", 1.0f, 2.0f, 1.0f);PropertyValuesHolder valuesHolder1 = PropertyValuesHolder.ofFloat( "scaleY", 1.0f, 2.0f, 1.0f);PropertyValuesHolder valuesHolder2 = PropertyValuesHolder.ofFloat( "alpha", 1.0f, 0.2f, 1.0f);PropertyValuesHolder valuesHolder3 = PropertyValuesHolder.ofFloat( "rotationY", 0.0f,360.0f);ObjectAnimator objectAnimator8=ObjectAnimator.ofPropertyValuesHolder(imageView,valuesHolder,valuesHolder1,valuesHolder2,valuesHolder3);objectAnimator8.setDuration(4000);objectAnimator8.start();

动画效果也就是上一个动画全部一起了上演了

未完待续

源码地址:https://github.com/ddwhan0123/BlogSample/blob/master/ViewAnimDemo.zip

相关参考可以看http://www.wfuyu.com/technology/20853.html

这篇关于自定义View时,用到Paint Canvas的一些温故,PropertyAnimation中的ObjectAnimator(动画三,“大大姐”的旋转跳跃)的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/313962

相关文章

Python结合Free Spire.PDF for Python实现PDF页面旋转

《Python结合FreeSpire.PDFforPython实现PDF页面旋转》在日常办公或文档处理中,我们经常会遇到PDF页面方向错误的问题,本文将分享如何用Python结合FreeSpir... 目录基础实现:单页PDF精准旋转完整代码代码解析进阶操作:覆盖多场景旋转需求1. 旋转指定角度(90/27

kafka自定义分区器使用详解

《kafka自定义分区器使用详解》本文介绍了如何根据企业需求自定义Kafka分区器,只需实现Partitioner接口并重写partition()方法,示例中,包含cuihaida的数据发送到0号分区... 目录kafka自定义分区器假设现在有一个需求使用分区器的方法总结kafka自定义分区器根据企业需求

C#中通过Response.Headers设置自定义参数的代码示例

《C#中通过Response.Headers设置自定义参数的代码示例》:本文主要介绍C#中通过Response.Headers设置自定义响应头的方法,涵盖基础添加、安全校验、生产实践及调试技巧,强... 目录一、基础设置方法1. 直接添加自定义头2. 批量设置模式二、高级配置技巧1. 安全校验机制2. 类型

SpringBoot AspectJ切面配合自定义注解实现权限校验的示例详解

《SpringBootAspectJ切面配合自定义注解实现权限校验的示例详解》本文章介绍了如何通过创建自定义的权限校验注解,配合AspectJ切面拦截注解实现权限校验,本文结合实例代码给大家介绍的非... 目录1. 创建权限校验注解2. 创建ASPectJ切面拦截注解校验权限3. 用法示例A. 参考文章本文

Vite 打包目录结构自定义配置小结

《Vite打包目录结构自定义配置小结》在Vite工程开发中,默认打包后的dist目录资源常集中在asset目录下,不利于资源管理,本文基于Rollup配置原理,本文就来介绍一下通过Vite配置自定义... 目录一、实现原理二、具体配置步骤1. 基础配置文件2. 配置说明(1)js 资源分离(2)非 JS 资

聊聊springboot中如何自定义消息转换器

《聊聊springboot中如何自定义消息转换器》SpringBoot通过HttpMessageConverter处理HTTP数据转换,支持多种媒体类型,接下来通过本文给大家介绍springboot中... 目录核心接口springboot默认提供的转换器如何自定义消息转换器Spring Boot 中的消息

Python自定义异常的全面指南(入门到实践)

《Python自定义异常的全面指南(入门到实践)》想象你正在开发一个银行系统,用户转账时余额不足,如果直接抛出ValueError,调用方很难区分是金额格式错误还是余额不足,这正是Python自定义异... 目录引言:为什么需要自定义异常一、异常基础:先搞懂python的异常体系1.1 异常是什么?1.2

Linux中的自定义协议+序列反序列化用法

《Linux中的自定义协议+序列反序列化用法》文章探讨网络程序在应用层的实现,涉及TCP协议的数据传输机制、结构化数据的序列化与反序列化方法,以及通过JSON和自定义协议构建网络计算器的思路,强调分层... 目录一,再次理解协议二,序列化和反序列化三,实现网络计算器3.1 日志文件3.2Socket.hpp

C语言自定义类型之联合和枚举解读

《C语言自定义类型之联合和枚举解读》联合体共享内存,大小由最大成员决定,遵循对齐规则;枚举类型列举可能值,提升可读性和类型安全性,两者在C语言中用于优化内存和程序效率... 目录一、联合体1.1 联合体类型的声明1.2 联合体的特点1.2.1 特点11.2.2 特点21.2.3 特点31.3 联合体的大小1

springboot自定义注解RateLimiter限流注解技术文档详解

《springboot自定义注解RateLimiter限流注解技术文档详解》文章介绍了限流技术的概念、作用及实现方式,通过SpringAOP拦截方法、缓存存储计数器,结合注解、枚举、异常类等核心组件,... 目录什么是限流系统架构核心组件详解1. 限流注解 (@RateLimiter)2. 限流类型枚举 (