学渣系列——alpha、scale、translate、rotate、set的xml属性及用法

image.png

不积跬步无以至千里

伟大的成功都是靠着点滴 ~~~~ 我自己说的

开始整体 android 动画这个东西以前看过N次。用不了多久就忘记了。每次在做都要从新百度。然后摘取自己需要的。为了以后装大佬。我要从头再来 。

记得刚开始写代码的时候, 公司让我写个动画。图找不到了。 反正的效果就是背景是一个小马路。 你控制小汽车在那些马路上移动。我的神。 这怎么写。 我就憋呀憋,最后用线程。每隔一秒重汇一次、这种奇葩的招式。 我都佩服我自己。 现在想想不禁莞尔。 但是这么多年过去了。貌似我这方面没进展。 来吧。程序源们。大家开始GO

1 先来记住几个单词 代表的含义
alpha
渐变透明度动画效果
scale
渐变尺寸伸缩动画效果
translate
画面转换位置移动动画效果
rotate
画面转移旋转动画效果

动画的分类

View Animation(视图动画)

帧动画(Frame) :将一个完整的动画拆分成一张张单独的图片,然后再将它们连贯起来进行播放

特点:帧动画 由于是一帧一帧的,所以需要图片多。会增大apk的大小,但是这种动画可以实现一些比较难的效果
比如说等待的环形进度

补间动画(Tween) 慢慢过渡,设置初值和末值,并用插值器来控制过渡

特点:相对也比较简单,页面切换的动画多用这个来做。缺点,视觉上
上变化,并不是真正的位置上的变化。

Property Animator(属性动画);

属性动画(Property) 控制属性来实现动画。

特点:最为强大的动画,弥补了补间动画的缺点,实现位置+视觉的变化。并且可以自定义插值器,实现各种效果

2动作定义文件应该存放在res/anim文件夹下,访问时采用R.anim.XXX.xml的方式

这些名字说真的我总是混淆。没办法了找办法去记住、

先来scal

[skeɪl] (cal 呼叫 照死了呼叫你 让你给我测距离。 所以这个就是尺寸一直在变化的动画)
规模; 比例(尺); 鱼鳞; 级别;
测量; 攀登; 刮去…的鳞片;


222.gif

<?xml version="1.0" encoding="utf-8"?>
<scale xmlns:android="http://schemas.android.com/apk/res/android"
    android:interpolator= "@android:anim/accelerate_interpolator"
    android:fromXScale="1.0"
    android:toXScale="2"
    android:fromYScale="1.0"
    android:toYScale="2"
    android:pivotX="500"
    android:pivotY="500"
    android:fillAfter="true"
    android:duration="1000" />

<!--

fromXScale 属性为动画起始时 X坐标上的伸缩尺寸
            toXScale   属性为动画结束时 X坐标上的伸缩尺寸

            fromYScale 属性为动画起始时Y坐标上的伸缩尺寸
            toYScale   属性为动画结束时Y坐标上的伸缩尺寸

            说明:
                 以上四种属性值
                    0.0表示收缩到没有
                    1.0表示正常无伸缩
                    值小于1.0表示收缩
                    值大于1.0表示放大

          fillAfter  很重要代表动画结束后是不是要复位  当这个是false的时候 那么他就会返回中心了。

          accelerate_interpolator 减速器(看动画的度速度)

android:fillEnabled    与android:fillBefore 效果相同,都是在动画结束时,将控件还原到初始化状态
android:repeatCount 重复次数
android:repeatMode  重复类型,有reverse和restart两个值,reverse表示倒序回放,restart表示重新放一遍,必须与repeatCount一起使用才能看到效果。因为这里的意义是重复的类型,即回放时的动作。
android:interpolator  设定插值器,其实就是指定的动作效果

-->




public class MainActivity extends Activity implements View.OnClickListener{

    TextView ID1 ;
    Button bt_1;
    Animation a;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        bt_1 = findViewById(R.id.bt_1);
        bt_1.setOnClickListener(this);

         a = AnimationUtils.loadAnimation(this,R.anim.scal);

        ID1 = findViewById(R.id.id1);
        ID1.startAnimation(a);


    }

    @Override
    public void onClick(View view) {
        switch (view.getId()){
            case R.id.bt_1:
                ID1.setVisibility(View.VISIBLE);
                ID1.startAnimation(a);

                break;
        }
    }
}
 android:pivotX="50%p"
    android:pivotY="50%p"

强烈说一些这两个的属性。 数值、百分数、百分数p 。 这个属性的是你要移动到的位置。如果没有这个属性。scale也就谈不上了。 没有他 我们上面的效果可以说 就是一个放大的过程。无非就是比例的问题。从0到几倍。 有了他 才叫做移动。 这些数值怎么算,就是从我们想要移动的左上角开始算 数值就是我们要移动的。 %就是你这个空间的单位50%就是代表你要移动你这个控件大小的长宽高。加上P 你可以理解成 parent 父亲。 父类 就是在他外面的控件的大小

贴几张大神弄得图


image.png

image.png

image.png

image.png
image.png
image.png

他的博客地址

http://blog.csdn.net/harvic880925/article/details/39996643 很详细。

android:fillAfter 上面看到的设置true就会不恢复 变成动画最后的状态
android:fillBefore android:fillEnabled
这两个一样都是恢复成之前的状态。 但是个人觉得没用。android:fillAfter 设置false就可以了。(理解错了。欢迎大神指点)

2alpha 意思 透明度。 (怎么记看到ph了。初中高中学过化学吧。ph试纸玩过吧。颜色的变化。透明度的变化 逐渐的透明。或者开始显示颜色等)

android:fromAlpha 动画开始的透明度,从0.0 --1.0 ,0.0表示全透明,1.0表示完全不透明
android:toAlpha 动画结束时的透明度,也是从0.0 --1.0 ,0.0表示全透明,1.0表示完全不透明

<?xml version="1.0" encoding="utf-8"?>  
<alpha xmlns:android="http://schemas.android.com/apk/res/android"  
    android:fromAlpha="1.0"  
    android:toAlpha="0.1"  
    android:duration="3000"  
    android:fillBefore="true">  
</alpha> 

上面位移尺寸懂了 这个就更好理解了 我就不多说了。

3 rotate 旋转(记忆方法 看a e 是不是一个旋转180的样子 ~ ~ )

android:fromDegrees 开始旋转的角度位置,正值代表顺时针方向度数,负值代码逆时针方向度

android:toDegrees 结束时旋转到的角度位置,正值代表顺时针方向度数,负值代码逆时针方向度数
333.gif

android:pivotX="50%"
android:pivotY="50%"

还是想着重述说这个 scale 是移动的。这个是旋转。 怎么理解呢? 就是中心点的理解, 这个点。 还是左上角。50%就是重点。 上面gif图是90% 这样看就理解了吧。

ranslate标签 —— 平移

android:fromXDelta 起始点X轴坐标,可以是数值、百分数、百分数p 三种样式
android:fromYDelta 起始点Y轴从标,可以是数值、百分数、百分数p
android:toXDelta 结束点X轴坐标
android:toYDelta 结束点Y轴坐标

这个理解稍微说一下 0 就是指的是左上角的坐标 来看一个gif


4544.gif
<translate xmlns:android="http://schemas.android.com/apk/res/android"
    android:fromXDelta="80%"
    android:toXDelta="-80"
    android:fromYDelta="80%"
    android:toYDelta="-80"
    android:duration="2000"
    android:fillBefore="true">
</translate>

可以理解到吗?

还有一个综合的 set

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:duration="3000"
    android:fillAfter="true">
<translate
    android:fromXDelta="80%"
    android:toXDelta="-80"
    android:fromYDelta="80%"
    android:toYDelta="-80"
    android:duration="2000"
    android:fillBefore="true">
</translate>
<rotate
android:fromDegrees="0"
android:toDegrees="-650"
android:pivotX="90%"
android:pivotY="90%"
android:duration="3000"
android:fillAfter="true">

</rotate>

    <scale xmlns:android="http://schemas.android.com/apk/res/android"
    android:interpolator= "@android:anim/accelerate_interpolator"
    android:fromXScale="1.0"
    android:toXScale="2"
    android:fromYScale="1.0"
    android:toYScale="2"
    android:pivotX="50%p"
    android:pivotY="50%p"
    android:duration="1000" />
    </set>

11.gif

这就是一个综合的效果。

二 Interpolator插值器 最让我挠头的地方 完全记不住。

<scale xmlns:android="http://schemas.android.com/apk/res/android"
android:interpolator= "@android:anim/anticipate_interpolator"
android:fromXScale="1.0"
android:toXScale="2"
android:fromYScale="1.0"
android:toYScale="2"
android:pivotX="50%p"
android:pivotY="50%p"
android:duration="1000"
    android:fillAfter="true"
    />

先来记住几个单词
Accelerate 加速
Decelerate 减速
Interpolator 插补器
Anticipate 预见;预料;预感;先于…行动
Bounce 反弹

AccelerateDecelerateInterpolator 在动画开始与介绍的地方速率改变比较慢,在中间的时候加速
AccelerateInterpolator 在动画开始的地方速率改变比较慢,然后开始加速
AnticipateInterpolator 开始的时候向后然后向前甩
AnticipateOvershootInterpolator 开始的时候向后然后向前甩一定值后返回最后的值
BounceInterpolator 动画结束的时候弹起
CycleInterpolator 动画循环播放特定的次数,速率改变沿着正弦曲线
DecelerateInterpolator 在动画开始的地方快然后慢
LinearInterpolator 以常量速率改变
OvershootInterpolator 向前甩一定值后再回到原来位置

下面来分别看图。 为了方便 属性
android:fillAfter="true" 返回最后的位置

前两个不解释了 很好理解
主要看一下
android:interpolator= "@android:anim/anticipate_overshoot_interpolator"
很明显看到一个回头的动作

2.gif

android:interpolator= "@android:anim/anticipate_interpolator"
没有那个动作 就是直接后撤然后向前废除

1.gif

bounce_interpolator
反弹效果 很好理解 就不上图了

android:interpolator= "@android:anim/cycle_interpolator"
传说中的正玄定理


12.gif

android:interpolator= "@android:anim/decelerate_interpolator"
先快后慢

android:interpolator= "@android:anim/linear_interpolator"
匀速
android:interpolator= "@android:anim/overshoot_interpolator"
可以理解成运动的距离超过预期的然后返回。 和之前有一个很像 区别就是没有一个后退(可以理解助跑)的一个概念


13.gif

分析这么多。 这个东西主要还是对平移有很大关系 其他的影响不是特别大

这几种动画 都是通过xml 。 下面就要通过在代码中使用这些

二、Animation公共类

android:duration setDuration(long) 动画持续时间,以毫秒为单位
android:fillAfter setFillAfter(boolean) 如果设置为true,控件动画结束时,将保持动画最后时的状态
android:fillBefore setFillBefore(boolean) 如果设置为true,控件动画结束时,还原到开始动画前的状态
android:fillEnabled setFillEnabled(boolean) 与android:fillBefore 效果相同,都是在动画结束时,将控件还原到初始化状态
android:repeatCount setRepeatCount(int) 重复次数
android:repeatMode setRepeatMode(int) 重复类型,有reverse和restart两个值,取值为RESTART或 REVERSE,必须与repeatCount一起使用才能看到效果。因为这里的意义是重复的类型,即回放时的动作。

android:interpolator setInterpolator(Interpolator) 设定插值器,其实就是指定的动作效果,比如弹跳效果等

上面学习 的都是补间动画

下面开始看属性动画Property Animator包括ValueAnimator和ObjectAnimation;

下面不同点还是摘自
http://blog.csdn.net/harvic880925/article/details/50525521
首先,直观上,他们有如下三点不同:
1、引入时间不同:View Animation是API Level 1就引入的。Property Animation是API Level 11引入的,即Android 3.0才开始有Property Animation相关的API。
2、所在包名不同:View Animation在包android.view.animation中。而Property Animation API在包 android.animation中。
3、动画类的命名不同:View Animation中动画类取名都叫XXXXAnimation,而在Property Animator中动画类的取名则叫XXXXAnimator

1、为什么引入Property Animator(属性动画)

我提出一个假设:请问大家,如何利用补间动画来将一个控件的背景色在一分钟内从绿色变为红色?这个效果想必没办法仅仅通过改变控件的渐入渐出、移动、旋转和缩放来实现吧,而这个效果是可以通过Property Animator完美实现的
这就是第一个原因:Property Animator能实现补间动画无法实现的功能
大家都知道,补间动画和逐帧动画统称为View Animation,也就是说这两个动画只能对派生自View的控件实例起作用;而Property Animator则不同,从名字中可以看出属性动画,应该是作用于控件属性的!正因为属性动画能够只针对控件的某一个属性来做动画,所以也就造就了他能单独改变控件的某一个属性的值!比如颜色!这就是Property Animator能实现补间动画无法实现的功能的最重要原因。
我们得到了第二点不同:View Animation仅能对指定的控件做动画,而Property Animator是通过改变控件某一属性值来做动画的。
假设我们将一个按钮从左上角利用补间动画将其移动到右下角,在移动过程中和移动后,这个按钮都是不会响应点击事件的。这是为什么呢?因为补间动画仅仅转变的是控件的显示位置而已,并没有改变控件本身的值。View Animation的动画实现是通过其Parent View实现的,在View被drawn时Parents View改变它的绘制参数,这样虽然View的大小或旋转角度等改变了,但View的实际属性没变,所以有效区域还是应用动画之前的区域;我们看到的效果仅仅是系统作用在按钮上的显示效果,利用动画把按钮从原来的位置移到了右下角,但按钮内部的任何值是没有变化的,所以按钮所捕捉的点击区域仍是原来的点击区域。(下面会举例来说明这个问题)
这就得到了第三点不同:补间动画虽能对控件做动画,但并没有改变控件内部的属性值。而Property Animator则是恰恰相反,Property Animator是通过改变控件内部的属性值来达到动画效果的

属性动画是控件的属性的变化。比如一个控件移动了 你点击监听,移动之后的位置你点击也可以响应。 视图动画就不可以。

二、ValueAnimator简单使用

第一步:创建ValueAnimator实例

ValueAnimator animator = ValueAnimator.ofInt(0,400);  
animator.setDuration(1000);  
animator.start();  

在这里我们利用ValueAnimator.ofInt创建了一个值从0到400的动画,动画时长是1s,然后让动画开始。从这段代码中可以看出,ValueAnimator没有跟任何的控件相关联,那也正好说明ValueAnimator只是对值做动画运算,而不是针对控件的,我们需要监听ValueAnimator的动画过程来自己对控件做操作

 ValueAnimator animator = ValueAnimator.ofInt(0,400);  
    animator.setDuration(1000);  
  
    animator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {  
        @Override  
        public void onAnimationUpdate(ValueAnimator animation) {  
            int curValue = (int)animation.getAnimatedValue();  
   这个方法就是活的运动点的值
            tv.layout(curValue,curValue,curValue+tv.getWidth(),curValue+tv.getHeight());  
        }  
    });  
    animator.start();  



setRepeatCount()、setRepeatMode()、cancel()
setRepeatCount(int value)用于设置动画循环次数,设置为0表示不循环,设置为ValueAnimation.INFINITE表示无限循环。
cancel()用于取消动画

setRepeatMode(int value)用于设置循环模式,取值为ValueAnimation.RESTART时,表示正序重新开始,当取值为ValueAnimation.REVERSE表示倒序重新开始。

动画时候的监听器

/** 
 * 监听器一:监听动画变化时的实时值 
 */  
public static interface AnimatorUpdateListener {  
    void onAnimationUpdate(ValueAnimator animation);  
}  
//添加方法为:public void addUpdateListener(AnimatorUpdateListener listener)  
/** 
 * 监听器二:监听动画变化时四个状态 
 */  
public static interface AnimatorListener {  
    void onAnimationStart(Animator animation);  
    void onAnimationEnd(Animator animation);  
    void onAnimationCancel(Animator animation);  
    void onAnimationRepeat(Animator animation);  
} 


关于监听器一:AnimatorUpdateListener就是监听动画的实时变化状态,在onAnimationUpdate(ValueAnimator animation)中的animation表示当前状态动画的实例。这里就不再细讲这个监听器了,这里我们主要讲讲监听器AnimatorListener;
在AnimatorListener中,主要是监听Animation的四个状态,start、end、cancel、repeat;当动画开始时,会调用onAnimationStart(Animator animation)方法,当动画结束时调用onAnimationEnd(Animator animation),当动画取消时,调用onAnimationCancel(Animator animation)函数,当动画重复时,会调用onAnimationRepeat(Animator animation)函数。
添加AnimatorListener的方法是addListener(AnimatorListener listener) ;
下面我们就举个例子来看一下AnimatorListener的使用方法。
我们在上面doRepeatAnim()函数的基础上,添加上AnimatorListener,代码如下:
代码如下

(2)、取消监听

void removeUpdateListener(AnimatorUpdateListener listener);
void removeAllUpdateListeners();
/**

  • 移除AnimatorListener
    */
    void removeListener(AnimatorListener listener);
    void removeAllListeners();

监听是监听 动画是动画。 如果你在移除监听没有取消动画 那么 动画还是会一直运行下去。

常用方法 还有几种。

/** 
 * 延时多久时间开始,单位是毫秒 
 */  
public void setStartDelay(long startDelay)  
/** 
 * 完全克隆一个ValueAnimator实例,包括它所有的设置以及所有对监听器代码的处理 
 */  
public ValueAnimator clone() 


   repeatAnimator = doRepeatAnim();  
            //克隆一个新的ValueAnimator,然后开始动画  
            ValueAnimator newAnimator = repeatAnimator.clone();  
            newAnimator.setStartDelay(1000);  
            newAnimator.start();  

newAnimator   可以让东西开始。 但是不能停止。

属性动画中的 插入器

二、Evaluator

image.png

个人理解。 ofint是你要动画的范围去交。 加速器是你的运动状态。加速减速。等。 然后他返回的是各种进度。 Evaluator返回的进度换算的数值。然后 又一个监听 还记得吗? addup的那个。返回值给他

首先,加速器返回的小数值,表示的是当前动画的数值进度。无论是利用ofFloat()还是利用ofInt()定义的动画都是适用的。因为无论是什么动画,它的进度必然都是在0到1之间的。0表示没开始,1表示数值运动的结束,对于任何动画都是适用的。
但Evaluator则不一样,我们知道Evaluator是根据加速器返回的小数进度转换成当前数值进度所对应的值。这问题就来了,如果我们使用ofInt()来定义动画,动画中的值应该都是Int类型,如果我用ofFloat()来定义动画,那么动画中的值也都是Float类型。所以如果我用ofInt()来定义动画,所对应的Evaluator在返回值时,必然要返回Int类型的值。同样,我们如果用ofFloat来定义动画,那么Evaluator在返回值时也必然返回的是Float类型的值。
所以每种定义方式所对应的Evaluator必然是它专用的;Evaluator专用的原因在于动画数值类型不一样,在通过Evaluator返回时会报强转错误;所以只有在动画数值类型一样时,所对应的Evaluator才能通用。所以ofInt()对应的Evaluator类名叫IntEvaluator,而ofFloat()对应的Evaluator类名叫FloatEvaluator;
在设置Evaluator时,是通过animator.setEvaluator()来设置的,比如:

ObjectAnimator

之前看到的视图动画。(补间动画) 属性动画中的ValueAnimator 都是不方便监控动画的各种状态。 都是我们提前设定好路径。然后按照我们规定好的去各种状态。

ObjectAnimator时可以直接使用。
在开始逐个看这些函数的使用方法前,我们先做一个总结:
1、要使用ObjectAnimator来构造对画,要操作的控件中,必须存在对应的属性的set方法
2、setter 方法的命名必须以骆驼拼写法命名,即set后每个单词首字母大写,其余字母小写,即类似于setPropertyName所对应的属性为propertyName

ObjectAnimator动画原理


image.png

PropertyValuesHolder

也就是说ValueAnimator和ObjectAnimator除了通过ofInt(),ofFloat(),ofObject()创建实例外,还都有一个ofPropertyValuesHolder()方法来创建实例,这篇文章我就带大家来看看如何通过ofPropertyValuesHolder()来创建实例的。
由于ValueAnimator和ObjectAnimator都具有ofPropertyValuesHolder()函数,使用方法也差不多,相比而言,ValueAnimator的使用机会不多,这里我们就只讲ObjectAnimator中ofPropertyValuesHolder()的用法。相信大家懂了这篇以后,再去看ValueAnimator的ofPropertyValuesHolder()

下面几段程序上面的注释 是我个人的小心得。欢迎指正 另外 大部分都是学习自启航的文章。特此感谢。

http://blog.csdn.net/harvic880925/article/details/50995268


  /** 下面的主要是区别 属性动画中的不同点
     *
     * 上面的是valueAnimtor 这个 看上面的例子 主要是最数据的这一些操作。只能对数值进行操作。,想要操纵那个控件就要学做监听了。
     *  也就是上面的监听器获得数值。然后在监听器中操作这个控件。这个十分不方便。 还要时刻监听,
     *  没有办法做到控件和动画紧密的联系起来,所以这就有了
     * MyEvaluator 这种求值  于是就有了ObjectAnimotor,他的第一个参数一般都是控件
     *
     * 重点: ObjectAnimatou比valued多了一个set方法 来反射属性值
     *
     *
     *
     * 这些动画操作 步骤都是一样的 第一步显示确定范围。
     *
     */

    private ValueAnimator  doAnimtor(){
        ObjectAnimator animator = ObjectAnimator.ofFloat(ID1,"rotationY",0,180,0,180);
        animator.setDuration(2000);
        animator.setInterpolator(new BounceInterpolator());
        animator.setRepeatCount(ValueAnimator.INFINITE);
        animator.setRepeatMode(ValueAnimator.REVERSE);
        animator.start();

        return animator;
    }


 /**
     * ofPropertyValuesHolder
     * 属性动画 用这个也是可以创建的 并且主要是ObjectAnimotor用的比较多,他和ofFloat系列差不多 就是少了第一个参数
     *
     *  然后要开始想一下了。 这个和objectAnimoto的区别 为什么非要用这个。?
     *  这个和那个的不同点? 有什么优点?  z之前的我们知道  视图动画和属性动画的优缺点 。没有办法设置点击效果。视图动画只是视觉上的移动。 实际上控件的
     *  属性没有任何变化。 所以不能设置任何带有属性的事件。 比如点击事件
     *
     *  valueanitor和ojectanitor的优缺点。便捷程度。 value 必须要时刻要设置监听器 来判断控件的各种动画效果。
     *  并且Objectanitor这个也有不同的实现方法,上面的一种有这自己的缺点。当多种动画混合的时候不方便控制其什么时候开始 什么时候结束,没有办法同时控制多种动画
     *
     *  因此出现了KeyFrame
     *
     *
     *  PropertyValuesHolder 这个其实就是细分出来不的。 为了 加入更多的PropertyValuesHolder 效果。 和更多的KeyFrame
     *
     *
     */

    private ValueAnimator  dofPropertyValuesHolder(){
        PropertyValuesHolder colorHolder1 = PropertyValuesHolder.ofFloat("Rotation",60f, -60f, 40f, -40f, -20f, 20f, 10f, -10f, 0f);
        PropertyValuesHolder colorHolder = PropertyValuesHolder.ofInt("BackgroundColor", 0xffffffff, 0xffff00ff, 0xffffff00, 0xffffffff);
        ObjectAnimator  animator = ObjectAnimator.ofPropertyValuesHolder(ID1,colorHolder1,colorHolder);
        animator.setInterpolator(new AccelerateInterpolator());
        animator.setRepeatCount(ValueAnimator.INFINITE);
        animator.setRepeatMode(ValueAnimator.REVERSE);
        animator.start();


        PropertyValuesHolder charHolder = PropertyValuesHolder.ofObject("CharText",new CharEvaluator(),new Character('A'),new Character('Z'));
        ObjectAnimator animator1 = ObjectAnimator.ofPropertyValuesHolder(id2, charHolder);
        animator1.setDuration(3000);
        animator1.setInterpolator(new AccelerateInterpolator());
        animator1.start();

        return animator;
    }


    /**
     * w我们现在就要想想一个问题。我们这些动画速率的改变 到底是通过什么改变的。
     * 插值器和Evaluator 确实可以改变速率 但是他们是做这个的?   插值器是是获取动过的进度、
     * Evaluator 是获得动画进度的数值。   比如 我们想做一个效果。中奖名单一直换 我们点击按钮停。有办法吗?答案是
     *
     *
     *  你们可以想一下。  按照之前写的 在我们MyEvaluator中。这个参数系统默认的是int  float。我们自定义的话 就可以是各种类型
     *  ofObject("CharText",new MyEvaluator(),"祁旭","小爽");  所有的这种方法 你都要保证一个参数的统一。 也就是后两个参数和Evaluator后两个参数类型是一样的
     *  至于获取到什么数值。 就看你们自己的方法了。
     */


    private ValueAnimator  dofPropertyValuesHolder1(){



        PropertyValuesHolder charHolder = PropertyValuesHolder.ofObject("CharText",new MyEvaluator(),"祁旭","小爽");
        ObjectAnimator animator1 = ObjectAnimator.ofPropertyValuesHolder(id2, charHolder);
        animator1.setDuration(3000);
        animator1.setInterpolator(new AccelerateInterpolator());
        animator1.setRepeatCount(ValueAnimator.INFINITE);
        animator1.setRepeatMode(ValueAnimator.REVERSE);
        animator1.start();

        return animator1;
    }
    /**
    *  因此出现了KeyFrame  z这个就是为了解决 速率问题
     *  Keyframe frame0 = Keyframe.ofFloat(0f, 0);
     Keyframe frame1 = Keyframe.ofFloat(0.1f, -20f);
     Keyframe frame2 = Keyframe.ofFloat(1, 0);
     PropertyValuesHolder frameHolder = PropertyValuesHolder.ofKeyframe("rotation",frame0,frame1,frame2);
     Animator animator = ObjectAnimator.ofPropertyValuesHolder(mImage,frameHolder);
     animator.setDuration(1000);
     animator.start();  方法和ofObject一样。参数不一样


     Keyframe frame0 = Keyframe.ofFloat(0f, 0);
     Keyframe frame1 = Keyframe.ofFloat(0.1f, -20f);
     frame1.setInterpolator(new BounceInterpolator());
     Keyframe frame2 = Keyframe.ofFloat(1f, 20f);
     frame2.setInterpolator(new LinearInterpolator());

      就是这样Keyframe 规定了什么时间段 到什么位置 怎么变则没有要求 我们就可以要求BounceInterpolator 插值器一类的实现了。
     *
     * */






    private ValueAnimator  dofPropertyValuesHolder2(){


        Keyframe frame0 = Keyframe.ofObject(0f, new Character('A'));
        Keyframe frame1 = Keyframe.ofObject(0.1f, new Character('L'));
        Keyframe frame2 = Keyframe.ofObject(1,new Character('Z'));

        /**在每个Keyframe都可以插入插值器  当然最后还不能缺少CharEvaluator
         *
         */

        PropertyValuesHolder frameHolder = PropertyValuesHolder.ofKeyframe("CharText",frame0,frame1,frame2);
        frameHolder.setEvaluator(new CharEvaluator());
        ObjectAnimator animator = ObjectAnimator.ofPropertyValuesHolder(id2,frameHolder);
        animator.setDuration(3000);
        animator.start();

        return animator;
    }

    /** 这是针对一个控件他的动画就可以 什么时候加速什么时候减速。 什么时候按照我们做好的插值器去运作。 但是 比如有两个控件呢?
     * 我们网上看到的各种和很炫的效果。 都是搭配出来的。这样就需要各种控件去搭配使用。PropertyValuesHolder 这种情况下就不太好用楽
     *  因为 出现了AnimatorSet  他可以和上面的一起用。(这么表达不对。 应该说 这个就是多种控件下。这么使用。就可以。)t他可以控制控件执行的先后顺序
     *
     *  他的几个方法只是负责动画在什么时候开始执行,不干涉动画的执行过程。
     *
     *  playTogether和playSequentially,分别能实现一起开始动画和逐个开始动画。但并不是非常自由的组合动画,
     *  比如我们有三个动画A,B,C我们想先播放C然后同时播放A和B。利用playTogether和playSequentially是没办法实现的(真是针对三个以上动画效果的)
     *

     */


    private void doPlaySequentiallyAnimator(){
        ObjectAnimator tv1BgAnimator = ObjectAnimator.ofInt(ID1, "BackgroundColor",  0xffff00ff, 0xffffff00, 0xffff00ff);
        ObjectAnimator tv1TranslateY = ObjectAnimator.ofFloat(id2, "translationY", 0, 300, 0);
        ObjectAnimator tv2TranslateY = ObjectAnimator.ofFloat(id2, "translationY", 0, 400, 0);

        AnimatorSet animatorSet = new AnimatorSet();
        animatorSet.playTogether(tv1BgAnimator,tv1TranslateY,tv2TranslateY);
        animatorSet.setDuration(1000);
        animatorSet.start();
    }

    /**
     * AnimatorSet  是一个怎么样的概念呢?  首先看到这个 build 大家 就应该有一个概念性的东西
     * 其次。我们回顾一下上面的动画? 发现了什么  每个动画都是独立的。 所以每个都是ObjectAnimator。start来结束。
     * 这个不是。是一个结合体、  所以有了一个载体的概念。 把所有的动画放在AnimatorSet.Builder 构建的载体中去。、
     * play(playAnim)与before(beforeAnim)共用,则表示在播放beforeAnim之前,先播放playAnim动画;同样,
     * 当play(playAnim)与after(afterAnim)共用时,则表示在在播放afterAnim动画之后,再播放playAnim动画。
     */
    private void doPlaySequentiallyAnimatorset(){
        ObjectAnimator tv1BgAnimator = ObjectAnimator.ofInt(ID1, "BackgroundColor",  0xffff00ff, 0xffffff00, 0xffff00ff);
        ObjectAnimator tv1TranslateY = ObjectAnimator.ofFloat(ID1, "translationY", 0, 400, 0);

        AnimatorSet animatorSet = new AnimatorSet();
        AnimatorSet.Builder builder = animatorSet.play(tv1BgAnimator);
        builder.with(tv1TranslateY);

        animatorSet.addListener(new Animator.AnimatorListener() {
            @Override
            public void onAnimationStart(Animator animator) {

            }

            @Override
            public void onAnimationEnd(Animator animator) {

            }

            @Override
            public void onAnimationCancel(Animator animator) {

            }

            @Override
            public void onAnimationRepeat(Animator animator) {

            }
        });
        //

        animatorSet.start();
    }

    /** 这个动画只是监听AnimatorSet的状态和动画无关。
     //animatorSet 也会有一些些方法。并且以他为基准。当他没有的时候才会以ObjectAnimator为基准
     比如setDuration
     *  setTarget(mTv2); 设置了这个方法。相当于所有的方法 都是以这个方法都为这个服务。其他的没有作用
     *   有一个特例的方法setStartDelay  先执行animatorSet 在执行 ObjectAnimatory方法
     *
     *   - AnimatorSet的延时是仅针对性的延长AnimatorSet激活时间的,对单个动画的延时设置没有影响。
     - AnimatorSet真正激活延时 = AnimatorSet.startDelay+第一个动画.startDelay
     - 在AnimatorSet激活之后,第一个动画绝对是会开始运行的,后面的动画则根据自己是否延时自行处理。
     *
     *
     */
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 205,236评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 87,867评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,715评论 0 340
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,899评论 1 278
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,895评论 5 368
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,733评论 1 283
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,085评论 3 399
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,722评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 43,025评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,696评论 2 323
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,816评论 1 333
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,447评论 4 322
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,057评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,009评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,254评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,204评论 2 352
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,561评论 2 343

推荐阅读更多精彩内容