自定义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

相关文章

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

【课程链接】 AntV G6:深入图形与图形分组、自定义节点、节点动画(下)_哔哩哔哩_bilibili 本章十吾老师讲解了一个复杂的自定义节点中,应该怎样去计算和绘制图形,如何给一个图形制作不间断的动画,以及在鼠标事件之后产生动画。(有点难,需要好好理解) <!DOCTYPE html><html><head><meta charset="UTF-8"><title>06

康拓展开(hash算法中会用到)

康拓展开是一个全排列到一个自然数的双射(也就是某个全排列与某个自然数一一对应) 公式: X=a[n]*(n-1)!+a[n-1]*(n-2)!+...+a[i]*(i-1)!+...+a[1]*0! 其中,a[i]为整数,并且0<=a[i]<i,1<=i<=n。(a[i]在不同应用中的含义不同); 典型应用: 计算当前排列在所有由小到大全排列中的顺序,也就是说求当前排列是第

poj 2187 凸包or旋转qia壳法

题意: 给n(50000)个点,求这些点与点之间距离最大的距离。 解析: 先求凸包然后暴力。 或者旋转卡壳大法。 代码: #include <iostream>#include <cstdio>#include <cstdlib>#include <algorithm>#include <cstring>#include <cmath>#include <s

Flutter 进阶:绘制加载动画

绘制加载动画:由小圆组成的大圆 1. 定义 LoadingScreen 类2. 实现 _LoadingScreenState 类3. 定义 LoadingPainter 类4. 总结 实现加载动画 我们需要定义两个类:LoadingScreen 和 LoadingPainter。LoadingScreen 负责控制动画的状态,而 LoadingPainter 则负责绘制动画。

自定义类型:结构体(续)

目录 一. 结构体的内存对齐 1.1 为什么存在内存对齐? 1.2 修改默认对齐数 二. 结构体传参 三. 结构体实现位段 一. 结构体的内存对齐 在前面的文章里我们已经讲过一部分的内存对齐的知识,并举出了两个例子,我们再举出两个例子继续说明: struct S3{double a;int b;char c;};int mian(){printf("%zd\n",s

Spring 源码解读:自定义实现Bean定义的注册与解析

引言 在Spring框架中,Bean的注册与解析是整个依赖注入流程的核心步骤。通过Bean定义,Spring容器知道如何创建、配置和管理每个Bean实例。本篇文章将通过实现一个简化版的Bean定义注册与解析机制,帮助你理解Spring框架背后的设计逻辑。我们还将对比Spring中的BeanDefinition和BeanDefinitionRegistry,以全面掌握Bean注册和解析的核心原理。

Android 10.0 mtk平板camera2横屏预览旋转90度横屏拍照图片旋转90度功能实现

1.前言 在10.0的系统rom定制化开发中,在进行一些平板等默认横屏的设备开发的过程中,需要在进入camera2的 时候,默认预览图像也是需要横屏显示的,在上一篇已经实现了横屏预览功能,然后发现横屏预览后,拍照保存的图片 依然是竖屏的,所以说同样需要将图片也保存为横屏图标了,所以就需要看下mtk的camera2的相关横屏保存图片功能, 如何实现实现横屏保存图片功能 如图所示: 2.mtk

用Unity2D制作一个人物,实现移动、跳起、人物静止和动起来时的动画:中(人物移动、跳起、静止动作)

上回我们学到创建一个地形和一个人物,今天我们实现一下人物实现移动和跳起,依次点击,我们准备创建一个C#文件 创建好我们点击进去,就会跳转到我们的Vision Studio,然后输入这些代码 using UnityEngine;public class Move : MonoBehaviour // 定义一个名为Move的类,继承自MonoBehaviour{private Rigidbo

Oracle type (自定义类型的使用)

oracle - type   type定义: oracle中自定义数据类型 oracle中有基本的数据类型,如number,varchar2,date,numeric,float....但有时候我们需要特殊的格式, 如将name定义为(firstname,lastname)的形式,我们想把这个作为一个表的一列看待,这时候就要我们自己定义一个数据类型 格式 :create or repla

MVC(Model-View-Controller)和MVVM(Model-View-ViewModel)

1、MVC MVC(Model-View-Controller) 是一种常用的架构模式,用于分离应用程序的逻辑、数据和展示。它通过三个核心组件(模型、视图和控制器)将应用程序的业务逻辑与用户界面隔离,促进代码的可维护性、可扩展性和模块化。在 MVC 模式中,各组件可以与多种设计模式结合使用,以增强灵活性和可维护性。以下是 MVC 各组件与常见设计模式的关系和作用: 1. Model(模型)