android的那几种动画

最新推荐文章于 2024-05-02 16:52:40 发布
最新推荐文章于 2024-05-02 16:52:40 发布
阅读量407 收藏
点赞数

一、Frame Animation（帧动画）

帧动画，名字很形象，视频的播放就是一帧帧动画组成的，所以这个动画形成的原理就是将一幅幅图片组成一些，然后调用系统提供的方法进行播放形成的动画效果。下面我们直接看效果：
1、在drawable文件目录下创建animation-list动画集合，添加item。

<code class="hljs xml has-numbering" style="display: block; padding: 0px; color: inherit; box-sizing: border-box; font-family: 'Source Code Pro', monospace;font-size:undefined; white-space: pre; border-radius: 0px; word-wrap: normal; background: transparent;">    <span class="hljs-pi" style="color: rgb(0, 102, 102); box-sizing: border-box;"><?xml version="1.0" encoding="utf-8"?></span>
    <span class="hljs-tag" style="color: rgb(0, 102, 102); box-sizing: border-box;"><<span class="hljs-title" style="box-sizing: border-box; color: rgb(0, 0, 136);">animation-list</span> <span class="hljs-attribute" style="box-sizing: border-box; color: rgb(102, 0, 102);">xmlns:android</span>=<span class="hljs-value" style="box-sizing: border-box; color: rgb(0, 136, 0);">"http://schemas.android.com/apk/res/android"</span>
    <span class="hljs-attribute" style="box-sizing: border-box; color: rgb(102, 0, 102);">android:oneshot</span>=<span class="hljs-value" style="box-sizing: border-box; color: rgb(0, 136, 0);">"true"</span>></span>
    <span class="hljs-tag" style="color: rgb(0, 102, 102); box-sizing: border-box;"><<span class="hljs-title" style="box-sizing: border-box; color: rgb(0, 0, 136);">item
</span>        <span class="hljs-attribute" style="box-sizing: border-box; color: rgb(102, 0, 102);">android:drawable</span>=<span class="hljs-value" style="box-sizing: border-box; color: rgb(0, 136, 0);">"@mipmap/girl_1"</span>
        <span class="hljs-attribute" style="box-sizing: border-box; color: rgb(102, 0, 102);">android:duration</span>=<span class="hljs-value" style="box-sizing: border-box; color: rgb(0, 136, 0);">"200"</span>/></span>
    <span class="hljs-tag" style="color: rgb(0, 102, 102); box-sizing: border-box;"><<span class="hljs-title" style="box-sizing: border-box; color: rgb(0, 0, 136);">item
</span>        <span class="hljs-attribute" style="box-sizing: border-box; color: rgb(102, 0, 102);">android:drawable</span>=<span class="hljs-value" style="box-sizing: border-box; color: rgb(0, 136, 0);">"@mipmap/girl_2"</span>
        <span class="hljs-attribute" style="box-sizing: border-box; color: rgb(102, 0, 102);">android:duration</span>=<span class="hljs-value" style="box-sizing: border-box; color: rgb(0, 136, 0);">"200"</span>/></span>
    <span class="hljs-tag" style="color: rgb(0, 102, 102); box-sizing: border-box;"><<span class="hljs-title" style="box-sizing: border-box; color: rgb(0, 0, 136);">item
</span>        <span class="hljs-attribute" style="box-sizing: border-box; color: rgb(102, 0, 102);">android:drawable</span>=<span class="hljs-value" style="box-sizing: border-box; color: rgb(0, 136, 0);">"@mipmap/girl_3"</span>
        <span class="hljs-attribute" style="box-sizing: border-box; color: rgb(102, 0, 102);">android:duration</span>=<span class="hljs-value" style="box-sizing: border-box; color: rgb(0, 136, 0);">"200"</span>/></span>
    <span class="hljs-tag" style="color: rgb(0, 102, 102); box-sizing: border-box;"><<span class="hljs-title" style="box-sizing: border-box; color: rgb(0, 0, 136);">item
</span>        <span class="hljs-attribute" style="box-sizing: border-box; color: rgb(102, 0, 102);">android:drawable</span>=<span class="hljs-value" style="box-sizing: border-box; color: rgb(0, 136, 0);">"@mipmap/girl_4"</span>
        <span class="hljs-attribute" style="box-sizing: border-box; color: rgb(102, 0, 102);">android:duration</span>=<span class="hljs-value" style="box-sizing: border-box; color: rgb(0, 136, 0);">"200"</span>/></span>
    <span class="hljs-tag" style="color: rgb(0, 102, 102); box-sizing: border-box;"><<span class="hljs-title" style="box-sizing: border-box; color: rgb(0, 0, 136);">item
</span>        <span class="hljs-attribute" style="box-sizing: border-box; color: rgb(102, 0, 102);">android:drawable</span>=<span class="hljs-value" style="box-sizing: border-box; color: rgb(0, 136, 0);">"@mipmap/girl_5"</span>
        <span class="hljs-attribute" style="box-sizing: border-box; color: rgb(102, 0, 102);">android:duration</span>=<span class="hljs-value" style="box-sizing: border-box; color: rgb(0, 136, 0);">"200"</span>/></span>
    <span class="hljs-tag" style="color: rgb(0, 102, 102); box-sizing: border-box;"><<span class="hljs-title" style="box-sizing: border-box; color: rgb(0, 0, 136);">item
</span>        <span class="hljs-attribute" style="box-sizing: border-box; color: rgb(102, 0, 102);">android:drawable</span>=<span class="hljs-value" style="box-sizing: border-box; color: rgb(0, 136, 0);">"@mipmap/girl_6"</span>
        <span class="hljs-attribute" style="box-sizing: border-box; color: rgb(102, 0, 102);">android:duration</span>=<span class="hljs-value" style="box-sizing: border-box; color: rgb(0, 136, 0);">"400"</span>/></span>
    <span class="hljs-tag" style="color: rgb(0, 102, 102); box-sizing: border-box;"><<span class="hljs-title" style="box-sizing: border-box; color: rgb(0, 0, 136);">item
</span>        <span class="hljs-attribute" style="box-sizing: border-box; color: rgb(102, 0, 102);">android:drawable</span>=<span class="hljs-value" style="box-sizing: border-box; color: rgb(0, 136, 0);">"@mipmap/girl_7"</span>
        <span class="hljs-attribute" style="box-sizing: border-box; color: rgb(102, 0, 102);">android:duration</span>=<span class="hljs-value" style="box-sizing: border-box; color: rgb(0, 136, 0);">"400"</span>/></span>
    <span class="hljs-tag" style="color: rgb(0, 102, 102); box-sizing: border-box;"><<span class="hljs-title" style="box-sizing: border-box; color: rgb(0, 0, 136);">item
</span>        <span class="hljs-attribute" style="box-sizing: border-box; color: rgb(102, 0, 102);">android:drawable</span>=<span class="hljs-value" style="box-sizing: border-box; color: rgb(0, 136, 0);">"@mipmap/girl_6"</span>
        <span class="hljs-attribute" style="box-sizing: border-box; color: rgb(102, 0, 102);">android:duration</span>=<span class="hljs-value" style="box-sizing: border-box; color: rgb(0, 136, 0);">"400"</span>/></span>
    <span class="hljs-tag" style="color: rgb(0, 102, 102); box-sizing: border-box;"><<span class="hljs-title" style="box-sizing: border-box; color: rgb(0, 0, 136);">item
</span>        <span class="hljs-attribute" style="box-sizing: border-box; color: rgb(102, 0, 102);">android:drawable</span>=<span class="hljs-value" style="box-sizing: border-box; color: rgb(0, 136, 0);">"@mipmap/girl_7"</span>
        <span class="hljs-attribute" style="box-sizing: border-box; color: rgb(102, 0, 102);">android:duration</span>=<span class="hljs-value" style="box-sizing: border-box; color: rgb(0, 136, 0);">"400"</span>/></span>
    <span class="hljs-tag" style="color: rgb(0, 102, 102); box-sizing: border-box;"><<span class="hljs-title" style="box-sizing: border-box; color: rgb(0, 0, 136);">item
</span>        <span class="hljs-attribute" style="box-sizing: border-box; color: rgb(102, 0, 102);">android:drawable</span>=<span class="hljs-value" style="box-sizing: border-box; color: rgb(0, 136, 0);">"@mipmap/girl_6"</span>
        <span class="hljs-attribute" style="box-sizing: border-box; color: rgb(102, 0, 102);">android:duration</span>=<span class="hljs-value" style="box-sizing: border-box; color: rgb(0, 136, 0);">"400"</span>/></span>
    <span class="hljs-tag" style="color: rgb(0, 102, 102); box-sizing: border-box;"><<span class="hljs-title" style="box-sizing: border-box; color: rgb(0, 0, 136);">item
</span>        <span class="hljs-attribute" style="box-sizing: border-box; color: rgb(102, 0, 102);">android:drawable</span>=<span class="hljs-value" style="box-sizing: border-box; color: rgb(0, 136, 0);">"@mipmap/girl_7"</span>
        <span class="hljs-attribute" style="box-sizing: border-box; color: rgb(102, 0, 102);">android:duration</span>=<span class="hljs-value" style="box-sizing: border-box; color: rgb(0, 136, 0);">"400"</span>/></span>
    <span class="hljs-tag" style="color: rgb(0, 102, 102); box-sizing: border-box;"><<span class="hljs-title" style="box-sizing: border-box; color: rgb(0, 0, 136);">item
</span>        <span class="hljs-attribute" style="box-sizing: border-box; color: rgb(102, 0, 102);">android:drawable</span>=<span class="hljs-value" style="box-sizing: border-box; color: rgb(0, 136, 0);">"@mipmap/girl_8"</span>
        <span class="hljs-attribute" style="box-sizing: border-box; color: rgb(102, 0, 102);">android:duration</span>=<span class="hljs-value" style="box-sizing: border-box; color: rgb(0, 136, 0);">"200"</span>/></span>
    <span class="hljs-tag" style="color: rgb(0, 102, 102); box-sizing: border-box;"><<span class="hljs-title" style="box-sizing: border-box; color: rgb(0, 0, 136);">item
</span>        <span class="hljs-attribute" style="box-sizing: border-box; color: rgb(102, 0, 102);">android:drawable</span>=<span class="hljs-value" style="box-sizing: border-box; color: rgb(0, 136, 0);">"@mipmap/girl_9"</span>
        <span class="hljs-attribute" style="box-sizing: border-box; color: rgb(102, 0, 102);">android:duration</span>=<span class="hljs-value" style="box-sizing: border-box; color: rgb(0, 136, 0);">"200"</span>/></span>
    <span class="hljs-tag" style="color: rgb(0, 102, 102); box-sizing: border-box;"><<span class="hljs-title" style="box-sizing: border-box; color: rgb(0, 0, 136);">item
</span>        <span class="hljs-attribute" style="box-sizing: border-box; color: rgb(102, 0, 102);">android:drawable</span>=<span class="hljs-value" style="box-sizing: border-box; color: rgb(0, 136, 0);">"@mipmap/girl_10"</span>
        <span class="hljs-attribute" style="box-sizing: border-box; color: rgb(102, 0, 102);">android:duration</span>=<span class="hljs-value" style="box-sizing: border-box; color: rgb(0, 136, 0);">"200"</span>/></span>
    <span class="hljs-tag" style="color: rgb(0, 102, 102); box-sizing: border-box;"><<span class="hljs-title" style="box-sizing: border-box; color: rgb(0, 0, 136);">item
</span>        <span class="hljs-attribute" style="box-sizing: border-box; color: rgb(102, 0, 102);">android:drawable</span>=<span class="hljs-value" style="box-sizing: border-box; color: rgb(0, 136, 0);">"@mipmap/girl_11"</span>
        <span class="hljs-attribute" style="box-sizing: border-box; color: rgb(102, 0, 102);">android:duration</span>=<span class="hljs-value" style="box-sizing: border-box; color: rgb(0, 136, 0);">"200"</span>/></span>
    <span class="hljs-tag" style="color: rgb(0, 102, 102); box-sizing: border-box;"></<span class="hljs-title" style="box-sizing: border-box; color: rgb(0, 0, 136);">animation-list</span>></span></code><ul class="pre-numbering" style="box-sizing: border-box; position: absolute; width: 50px; top: 0px; left: 0px; margin: 0px; padding: 6px 0px 40px; border-right-width: 1px; border-right-style: solid; border-right-color: rgb(221, 221, 221); list-style: none; text-align: right; background-color: rgb(238, 238, 238);"><li style="box-sizing: border-box; padding: 0px 5px;">1</li><li style="box-sizing: border-box; padding: 0px 5px;">2</li><li style="box-sizing: border-box; padding: 0px 5px;">3</li><li style="box-sizing: border-box; padding: 0px 5px;">4</li><li style="box-sizing: border-box; padding: 0px 5px;">5</li><li style="box-sizing: border-box; padding: 0px 5px;">6</li><li style="box-sizing: border-box; padding: 0px 5px;">7</li><li style="box-sizing: border-box; padding: 0px 5px;">8</li><li style="box-sizing: border-box; padding: 0px 5px;">9</li><li style="box-sizing: border-box; padding: 0px 5px;">10</li><li style="box-sizing: border-box; padding: 0px 5px;">11</li><li style="box-sizing: border-box; padding: 0px 5px;">12</li><li style="box-sizing: border-box; padding: 0px 5px;">13</li><li style="box-sizing: border-box; padding: 0px 5px;">14</li><li style="box-sizing: border-box; padding: 0px 5px;">15</li><li style="box-sizing: border-box; padding: 0px 5px;">16</li><li style="box-sizing: border-box; padding: 0px 5px;">17</li><li style="box-sizing: border-box; padding: 0px 5px;">18</li><li style="box-sizing: border-box; padding: 0px 5px;">19</li><li style="box-sizing: border-box; padding: 0px 5px;">20</li><li style="box-sizing: border-box; padding: 0px 5px;">21</li><li style="box-sizing: border-box; padding: 0px 5px;">22</li><li style="box-sizing: border-box; padding: 0px 5px;">23</li><li style="box-sizing: border-box; padding: 0px 5px;">24</li><li style="box-sizing: border-box; padding: 0px 5px;">25</li><li style="box-sizing: border-box; padding: 0px 5px;">26</li><li style="box-sizing: border-box; padding: 0px 5px;">27</li><li style="box-sizing: border-box; padding: 0px 5px;">28</li><li style="box-sizing: border-box; padding: 0px 5px;">29</li><li style="box-sizing: border-box; padding: 0px 5px;">30</li><li style="box-sizing: border-box; padding: 0px 5px;">31</li><li style="box-sizing: border-box; padding: 0px 5px;">32</li><li style="box-sizing: border-box; padding: 0px 5px;">33</li><li style="box-sizing: border-box; padding: 0px 5px;">34</li><li style="box-sizing: border-box; padding: 0px 5px;">35</li><li style="box-sizing: border-box; padding: 0px 5px;">36</li><li style="box-sizing: border-box; padding: 0px 5px;">37</li><li style="box-sizing: border-box; padding: 0px 5px;">38</li><li style="box-sizing: border-box; padding: 0px 5px;">39</li><li style="box-sizing: border-box; padding: 0px 5px;">40</li><li style="box-sizing: border-box; padding: 0px 5px;">41</li><li style="box-sizing: border-box; padding: 0px 5px;">42</li><li style="box-sizing: border-box; padding: 0px 5px;">43</li><li style="box-sizing: border-box; padding: 0px 5px;">44</li><li style="box-sizing: border-box; padding: 0px 5px;">45</li><li style="box-sizing: border-box; padding: 0px 5px;">46</li><li style="box-sizing: border-box; padding: 0px 5px;">47</li><li style="box-sizing: border-box; padding: 0px 5px;">48</li><li style="box-sizing: border-box; padding: 0px 5px;">49</li></ul>

2、我们在将此动画集合设置为ImageView的BackGround，通过如下代码进行动画执行。

iv_imageView.setBackgroundResource(R.drawable.frame_animation);
AnimationDrawable animation = (AnimationDrawable)iv_imageView.getBackground();
animation.start();

效果图：

二、Tween Animation（补间动画）

补间动画有四种，分别是alpha-animation（透明度动画）、translation-animation（平移动画）、rotation-animation（旋转动画）、scale-animation（缩放动画）。下面我们分别讲解这四种动画。 
（1）、公共方法，四种动画都具有：

  • setDuration(long durationMillis) 设置动画执行的时间
  • setFillAfter(boolean fillAfter) 设置为true时，动画停在执行完后的效果，默认是执行完动画回到刚开始的效果
  • setRepeatCount(int repeatCount) 设置动画重复次数，repeatCount默认为0,即执行一次，为1时，重复一次，即执行2次动画，
  • setRepeatMode(int repeatMode) 设置动画重复的模式，有Animation.RESTART和Animation.REVERSE两种方式，默认为Animation.RESTART，Animation.RESTART是从头开始执行一次，设置Animation.REVERSE时候，是动画逆向执行，比如供执行两次。A->B,第二次就是B->A.

(2)translation-animation（平移动画） 
独特属性

  • fromXDelta：X点的起始位置
  • toXDelta ：X的终止位置
  • fromYDelta：Y的起始位置
  • toYDelta：Y的终止位置

我们在xml中使用：

 <translate
    android:duration="5000"
    android:fromXDelta="-500"
    android:fromYDelta="200"
    android:repeatCount="3"
    android:repeatMode="reverse"
    android:toXDelta="200"
    android:toYDelta="200">
</translate>

在代码中进行调用：

private void playTranslation(){
    Animation translationAnimation = AnimationUtils.loadAnimation(getApplication(), R.anim.translate_anim);
    iv_imageView.startAnimation(translationAnimation);
}

效果图：

transl

在上面我们发现动画的执行时间比较长，等了好久才出来，原因是由于我们设置的其实x位置。 
我们在代码中：

（3）alpha-animation（渐变动画）

  • fromAlpha：起始透明度
  • toAlpha：终止透明度
  • 其中1表示完全不透明，0表示完全透明的

我们在xml中使用：

<alpha xmlns:android="http://schemas.android.com/apk/res/android"
android:duration="1000"
android:fromAlpha="1"
android:toAlpha="0"
android:repeatCount="2"     
android:repeatMode="restart">
</alpha>

调用方法同平移动画。效果图如下： 
这里写图片描述

在代码中使用：

Animation alphaAnimFromCode = new AlphaAnimation(1.0f,0.2f);
alphaAnimFromCode.setDuration(2000);
alphaAnimFromCode.setRepeatCount(1);
iv_imageView.startAnimation(alphaAnimFromCode);

（4）rotation-animation（旋转动画） 
* fromDegrees：起始角度 
* toDegrees：终止角度

在xml中使用：

<code class="hljs xml has-numbering" style="display: block; padding: 0px; color: inherit; box-sizing: border-box; font-family: 'Source Code Pro', monospace;font-size:undefined; white-space: pre; border-radius: 0px; word-wrap: normal; background: transparent;">    <span class="hljs-tag" style="color: rgb(0, 102, 102); box-sizing: border-box;"><<span class="hljs-title" style="box-sizing: border-box; color: rgb(0, 0, 136);">rotate
</span>    <span class="hljs-attribute" style="box-sizing: border-box; color: rgb(102, 0, 102);">xmlns:android</span>=<span class="hljs-value" style="box-sizing: border-box; color: rgb(0, 136, 0);">"http://schemas.android.com/apk/res/android"</span>
    <span class="hljs-attribute" style="box-sizing: border-box; color: rgb(102, 0, 102);">android:fromDegrees</span>=<span class="hljs-value" style="box-sizing: border-box; color: rgb(0, 136, 0);">"0"</span>
    <span class="hljs-attribute" style="box-sizing: border-box; color: rgb(102, 0, 102);">android:toDegrees</span>=<span class="hljs-value" style="box-sizing: border-box; color: rgb(0, 136, 0);">"360"</span>
    <span class="hljs-attribute" style="box-sizing: border-box; color: rgb(102, 0, 102);">android:repeatCount</span>=<span class="hljs-value" style="box-sizing: border-box; color: rgb(0, 136, 0);">"1"</span>
    <span class="hljs-attribute" style="box-sizing: border-box; color: rgb(102, 0, 102);">android:repeatMode</span>=<span class="hljs-value" style="box-sizing: border-box; color: rgb(0, 136, 0);">"reverse"</span>
    <span class="hljs-attribute" style="box-sizing: border-box; color: rgb(102, 0, 102);">android:duration</span>=<span class="hljs-value" style="box-sizing: border-box; color: rgb(0, 136, 0);">"2000"</span>
    /></span></code><ul class="pre-numbering" style="box-sizing: border-box; position: absolute; width: 50px; top: 0px; left: 0px; margin: 0px; padding: 6px 0px 40px; border-right-width: 1px; border-right-style: solid; border-right-color: rgb(221, 221, 221); list-style: none; text-align: right; background-color: rgb(238, 238, 238);"><li style="box-sizing: border-box; padding: 0px 5px;">1</li><li style="box-sizing: border-box; padding: 0px 5px;">2</li><li style="box-sizing: border-box; padding: 0px 5px;">3</li><li style="box-sizing: border-box; padding: 0px 5px;">4</li><li style="box-sizing: border-box; padding: 0px 5px;">5</li><li style="box-sizing: border-box; padding: 0px 5px;">6</li><li style="box-sizing: border-box; padding: 0px 5px;">7</li><li style="box-sizing: border-box; padding: 0px 5px;">8</li></ul>

rotation 
（5）scale-animation

Property-Animator（属性动画)

大家都知道在Android 3.0以后，系统增加了一种新的动画——属性动画。在之前，我们可以使用渐变动画操作很多内容，但是我们是否注意到渐变动画针对操作在View视图上，无法针对某一具体属性进行操作，故属性动画出来了。属性动画的实现机制是通过对目标对象进行赋值并修改其属性来实现的。
学习属性动画我们需要学习一下几个类：
1、ValueAnimator
该类是属性动画的核心类，它通过计算动画的变化量并把他们赋值给相应的Object。在使用过程中，我们只需要把初始值和终止值告诉ValueAnimator就可以了。接下来看看ValueAnimator的常用方法： 
这里写图片描述 
ValueAnimMethod

2、ObjectAnimator
ObjectAnimator是我们在属性动画中经常使用的类，它继承自ValueAnimator，它针对具体view的某一属性进行改变。常用方法如下： 
这里写图片描述

3、TypeEvaluator
我们观察ValueAnimator的ofObject方法，可以发现使用这个接口。在实际开发中，我们可以自定义类实现TypeEvaluator，实现evaluate进行我们的属性计算，然后返回指定对象，在后面我们会简单介绍下他的使用。

下面我们分别介绍下使用。

ValueAnimator

1、获取ValueAnimator对象：通过它的of..方法进行获取。
2、设置动画的属性。
3、启动动画。

ValueAnimator valueAnim = ValueAnimator.ofFloat(0.0f,1.0f);
valueAnim.setDuration(1000);
valueAnim.start();

我们启动后发现，在1s内实现参数的均匀变化。但是我们并无法观察到实际的现象，只是知道属性在变化，那么我们如何作用在view控件上呢？我们可以看看ObjectAnimator的使用。

ObjectAnimator

使用步骤：
1、获取ObjectAnimator对象
2、设置动画的属性。
3、启动动画。

实例1：使用ObjectAnimator实现平移动画

ObjectAnimator objectAnimtor = ObjectAnimator.ofFloat(myView, "translationX", 0.0f,200f);
objectAnimtor.setDuration(5000);
objectAnimtor.start();

效果图： 
translation

我们发现我们实现了水平平移效果，是不是使用很简单。

实例2：使用ObjectAnimator实现透明度动画

ObjectAnimator objectAnimtor = ObjectAnimator.ofFloat(myView, "alpha", 0.0f,200f);
objectAnimtor.setDuration(5000);
objectAnimtor.setRepeatCount(1);
objectAnimtor.start();

效果图： 
alpha

实例3：使用ObjectAnimator实现旋转动画

ObjectAnimator objectAnimtor = ObjectAnimator.ofFloat(myView, "rotation", 0.0f,200f);
objectAnimtor.setDuration(5000);
objectAnimtor.setRepeatCount(1);
objectAnimtor.setRepeatMode(1);
objectAnimtor.start();

效果图: 
rotation

实例4：使用ObjectAnimator实现缩放动画

ObjectAnimator objectAnimtor = ObjectAnimator.ofFloat(myView, "scaleY", 1.0f,8.0f);
objectAnimtor.setDuration(5000);
objectAnimtor.setRepeatCount(1);
objectAnimtor.setRepeatMode(1);
objectAnimtor.start();

scale

实例5：动画集合
实现组合动画功能主要需要借助AnimatorSet这个类，这个类提供了一个play()方法，如果我们向这个方法中传入一个Animator对象(ValueAnimator或ObjectAnimator)将会返回一个AnimatorSet.Builder的实例，AnimatorSet.Builder中包括以下四个方法：

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

看实例代码

ObjectAnimator transAnimator = ObjectAnimator.ofFloat(myView, "translationX", 0f,100f);
transAnimator.setDuration(2000);

ObjectAnimator scaleAnimtor = ObjectAnimator.ofFloat(myView, "rotation", 1.0f,360.0f);
scaleAnimtor.setDuration(5000);

AnimatorSet animaSet = new AnimatorSet();
animaSet.play(scaleAnimtor).after(transAnimator);//在平移之后执行缩放
animaSet.start();

效果图: 
set

此文转载http://blog.csdn.net/mr_dsw/article/details/48465275原文


LefuLin
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
android的三种动画
weixin_39971470的博客
04-06 1678
Android的三种动画详解
Android基础之Android动画
钝悟需要时间的打磨，顿悟需要时间的积累
09-15 2561
Android基础之Android动画简介绚丽的app应用离不开动画的支持，所以android系统也给我们提供了动画工具类。Android系统中的动画有Frame Animation（帧动画）、Tween Animation（补间动画）以及3.0以后增加的Property Animator（属性动画）。在android中，我们可以通过代码动态创建动画，也可以通过xml进行动画的配置。下面，让我们一起
Android 动画：这是一份详细 & 清晰的 动画学习指南
最新发布
2401_84123619的博客
05-02 1016
简介类 &类，具体介绍如下Android 属性动画：这是一篇很详细的 属性动画 总结&攻略是否改变动画本身的属性视图动画：无改变动画的属性 因为视图动画在动画过程中仅对图像进行变换，从而达到了动画效果变换操作包括：平移、缩放、旋转和透明属性动画：改变了动画属性 因属性动画在动画过程中对动态改变了对象属性，从而达到了动画效果特别注意 使用视图动画时：无论动画结果在哪，该View的位置不变 & 响应区域都是在原地，不会根据结果而移动；而属性动画 则会通过改变属性 从而使动画移动。
Android 三种动画 (帧动画 、补间动画、属性动画)
还我笑颜
09-04 4415
安卓的三种动画
Android属性动画（ObjectAnimation）
yjs1129580545的专栏
03-01 898
public void objectAnimation(View v){ LinearLayout llProgress = (LinearLayout) findViewById(R.id.ll_progress); final float scale = getResources().getDisplayMetrics().density; flo
Android Animation动画详细介绍
Swust_ZzK的博客
05-27 304
1.Animation 动画类型Android的animation由四种类型组成：XML中alph渐变透明度动画效果scale渐变尺寸伸缩动画效果translate画面转换位置移动动画效果rotate画面转移旋转动画效果     JavaCode中AlphaAnimation渐变透明度动画效果ScaleAnimation渐变尺寸伸缩动画效果TranslateAnimation画面转换位置移动动画效...
Android 动画实现几种方案
08-30
这三种动画各有特点，适用于不同的场景。 一、逐帧动画（Frame Animation） 逐帧动画是通过连续显示一系列静态图片来模拟动态效果，类似于电影胶片的工作原理。这种动画形式需要将动画的所有关键帧绘制出来，虽然...
Android Activity进出动画三种方法
08-30
"Android Activity进出动画三种方法" Android Activity进出动画是Android应用程序中非常重要的一部分，能够提高用户体验和应用程序的整体质量。本文将介绍Android Activity进出动画的三种方法，分别是使用...
Android精灵动画用法实例
09-03
在Android开发中，精灵动画（Sprite Animation）是一种常用的技术，用于创建连续的图像序列，给用户带来动态视觉效果。这种动画通常用于游戏、应用中的交互元素或者简单的动画展示。下面我们将详细讲解Android精灵...
android-Anmation动画详讲
u014649337的专栏
05-25 1157
Android Animation动画 Android Animation Contents： Animations Tween Animations AnimationSet Interpolator Frame-By-Frame Animations LayoutAnimationsController Anim
Android Animation 分析与总结
子木-沐阳的博客
11-15 423
属性动画的原理：通过反射setXX()/getXX()方法，动态修改属性XX的值 1.为什么会有Animation? 实现项目中的一些特殊效果，使项目看起来更加顺畅 2.Animation的含义是什么？ 针对android中的不同控件，实现控件的渐变，移动，旋转，缩放，以及组合形成的其他混合效果。 原理分析： 1 调用View.startAnimaiton(Animation)，开启一...
ObjectAnimator 动画后 恢复初始状态
Jason_HD的博客
04-28 1万+
位移后 恢复状态：mMiddleAvatar.setTranslationX(0); 改变透明度之后恢复：mMiddleAvatar.setAlpha(1.0f); 旋转后恢复：mMiddleAvatar.setRotation(0); 缩放后恢复： mMiddleAvatar.setScaleX(1.0f); mMiddleAvatar.setScaleY(1.0f); 取消 Ani...
Android动画详解
门徒07的博客
08-17 301
为什么要引入属性动画，上面说说的动画，是针对view，这就留下了场景的局限性，很多场景我们都是要针对数值，或者是一个对象，不局限于view。我们先看看使用 ，另外多一句，属性动画是可以代替上面我们所说的传统动画。有4种补间动画：放大缩小scale ，旋转 rotate ，平移 translate，透明度动画alpha。Android动画大方向上分为：View 视图动画(里面又分为补间动画和帧动画)和属性动画。ValueAnimator 的使用，也是可以设置listen监听，从值的变化来驱动动画。...
TranslationAnimation类：位置变化动画类
myserverthepeople的专栏
10-24 4223
TranslateAnimation类:位置变化动画类 TranslateAnimation类是Android系统中的位置变化动画类，用于控制View象的位置变化，该类继承于Animation 类。TranslationAnimation类 中的很多方法都与Animation类一致，该类中最常用的方法便是TranslationAnimation构造方法 public TranslationAn
Android--Animation动画介绍和实现
超宇的博客
05-18 9087
1.Animation 动画类型 Android的animation由四种类型组成： XML中 alph 渐变透明度动画效果 scale 渐变尺寸伸缩动画效果 translate 画面转换位置移动动画效果 rotate 画面转移旋转动画效果           JavaCode中 AlphaAnima
Carson带你学Android：这是一份全面&详细的属性动画学习攻略！
热门推荐
Carson带你学Android
06-08 4万+
前言 动画的使用 是 Android 开发中常用的知识 本文将详细介绍 Android 动画中 属性动画的原理 & 使用 相关文章阅读： 1. Android 动画系列 Android 动画：手把手教你使用 补间动画 Android 动画：你真的会使用插值器与估值器吗？（含详细实例教学） 2. 自定义View的原理，请参考我写的文章： （1）自定义View基础
Android所有动画分类总结
会敲代码的王小呆1215672379的博客
01-07 2042
Android常用动画调研 视图动画（View Animation） 视图动画：也叫Tween（补间）动画可以在一个视图容器内执行一系列简单变换（位置、大小、旋转、透明度）。譬如，如果你有一个TextView对象，您可以移动、旋转、缩放、透明度设置其文本，当然，如果它有一个背景图像，背景图像会随着文本变化。补间动画通过XML或Android代码定义，建议使用XML文件定义，因为它更具可读性、可...
Android TextView 颜色渐变有几种方法
07-14
以下是几种常见的方法： 1. 使用 LinearGradient：通过创建一个 LinearGradient 对象，并将其设置为 TextView 的文字颜色着色器（Shader），可以实现线性渐变效果。你可以指定起始点、终止点、颜色数组和位置数组来...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值