Android 四种动画

作者: RoboyCore | 来源:发表于2016-11-24 14:53 被阅读125次

Android中的动画
Android 动画
Android动画效果translate、scale、alpha
爱她就要了解她之Android动画
Android本身View的拉长缩短动画
Android 四种动画
Android补间动画
Android动画
Android 动画总结(9) - 过渡动画
Android 动画总结(3) - 补间动画

！！5.0新增过渡动画

1.属性动画

！！改变控件真实的值
ObjiectAnimator extends ValueAnimator 放在Animator文件中

1.1 Xml使用 ObjectAnimator 然后代码调用

  public void click(View view) {
      if (animator == null) {
    animator = AnimatorInflater.loadAnimator(this,R.animator.my_scale);//加载动画
        animator.setDuration(3000);
        animator.setTarget(iv);//设置要转变属性的控件
        animator.start();//开启动画
    }
}

1.2代码控制属性动画

ObjectAnimator animator = ObjectAnimator.ofFloat(iv,"alpha",0,1);

使用PropertyValuesHolder存放多个状态效果
使用AnimatorSet的playTogether也可以实现，而且Set可以控制播放顺序用after，before或者集合playSequentially

2.补间动画

~1.使用AnimationSet存放各种Animation 放在anim文件夹
XML加载

scale,translate,alpha,ratate

package com.xiaowu.interpolatoranim;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.transition.TransitionSet;
import android.util.TypedValue;
import android.view.View;
import android.view.animation.AccelerateDecelerateInterpolator;
import android.view.animation.AlphaAnimation;
import android.view.animation.Animation;
import android.view.animation.AnimationSet;
import android.view.animation.AnimationUtils;
import android.view.animation.RotateAnimation;
import android.view.animation.ScaleAnimation;
import android.view.animation.TranslateAnimation;
import android.widget.ImageView;

public class MainActivity extends AppCompatActivity {
private ImageView iv;
private Animation mAnimation;
private AnimationSet set;
private int res;

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    iv = (ImageView) findViewById(R.id.iv);
    set = new AnimationSet(true);
//        mAnimation.setDuration(6000);
//        animation.start();
}

public void click(View view) {
    switch (view.getId()) {
        case R.id.btn_01://xml加载渐变动画
            mAnimation = AnimationUtils.loadAnimation(this, R.anim.my_alpha);
            mAnimation.setRepeatMode(Animation.REVERSE);
            mAnimation.setRepeatCount(Animation.INFINITE);
            iv.startAnimation(mAnimation);
            break;
        case R.id.btn_02://xml加载旋转动画
            mAnimation = AnimationUtils.loadAnimation(this, R.anim.my_rotate);
            iv.startAnimation(mAnimation);

            break;
        case R.id.btn_03://xml加载平移动画

            mAnimation = AnimationUtils.loadAnimation(this, R.anim.my_translate);
            mAnimation.setDuration(1000);
            mAnimation.setRepeatMode(Animation.REVERSE);
            mAnimation.setRepeatCount(-1);
            iv.startAnimation(mAnimation);
            break;
        case R.id.btn_04://xml加载缩放动画

            mAnimation = AnimationUtils.loadAnimation(this, R.anim.my_scale);
            mAnimation.setDuration(1000);
            mAnimation.setRepeatMode(Animation.REVERSE);
            mAnimation.setRepeatCount(-1);
            iv.startAnimation(mAnimation);
            break;
        case R.id.btn_05://xml加载混合动画
            mAnimation = AnimationUtils.loadAnimation(this, R.anim.my_set);
            mAnimation.setDuration(1000);
            mAnimation.setRepeatMode(Animation.REVERSE);
           mAnimation.setRepeatCount(-1);
            iv.startAnimation(mAnimation);
            break;
        case R.id.btn_06://代码添加多个补间动画集合
            AlphaAnimation alphaAnimation = new AlphaAnimation(0, 1.0f);
            alphaAnimation.setDuration(3000);
            alphaAnimation.setRepeatCount(Animation.INFINITE);
            alphaAnimation.setRepeatMode(Animation.REVERSE);
            alphaAnimation.setInterpolator(new AccelerateDecelerateInterpolator());

            ScaleAnimation scaleAnimation = new ScaleAnimation(1.0f, 3.3f, 2f, .5f, .5f, .5f);
            scaleAnimation.setDuration(6000);
            scaleAnimation.setRepeatCount(Animation.INFINITE);
            scaleAnimation.setRepeatMode(Animation.REVERSE);
            scaleAnimation.setInterpolator(new AccelerateDecelerateInterpolator());

            TranslateAnimation translateAnimation = new TranslateAnimation(0, 200, 0, 200);
            translateAnimation.setDuration(2000);
            translateAnimation.setRepeatCount(Animation.INFINITE);
            translateAnimation.setRepeatMode(Animation.REVERSE);
            translateAnimation.setInterpolator(new AccelerateDecelerateInterpolator());

            RotateAnimation rotateAnimation = new RotateAnimation(360, -270, 0.5f, 0.5f);
            rotateAnimation.setDuration(4500);
            rotateAnimation.setRepeatCount(Animation.INFINITE);
            rotateAnimation.setRepeatMode(Animation.REVERSE);
            rotateAnimation.setInterpolator(new AccelerateDecelerateInterpolator());
            switch (res) {
                case 0:
                    set.addAnimation(alphaAnimation);

                    set.addAnimation(scaleAnimation);

                    set.addAnimation(translateAnimation);

                    set.addAnimation(rotateAnimation);
                    iv.startAnimation(set);
                    res++;
                    break;
                case 1:
                    iv.clearAnimation();//清除ImageView的动画
                    set.getAnimations().clear();//得到动画集合并清除，也可以在onClick中实例化Set集合
                    res++;
                    break;
                case 2:
                    set.addAnimation(alphaAnimation);

                    set.addAnimation(scaleAnimation);

                    set.addAnimation(translateAnimation);

                    set.addAnimation(rotateAnimation);
                    iv.startAnimation(set);
                    res--;
                    break;

            }
    }


}

}

3.帧动画

使用AnimationDrawable 放在Drawable文件夹
设置图片为backGround！！别用src

xml加载：使用Animation_List item设置图片和持续时间

4.过渡动画

在style添加支持过渡动画的属性

 <style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
    <!-- Customize your theme here. -->
    <item name="colorPrimary">@color/colorPrimary</item>
    <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
    <item name="colorAccent">@color/colorAccent</item>
    <item name="android:windowContentTransitions">true</item>//支持过渡动画的属性
   <item name="android:windowEnterTransition">@transition/myexplode</item>//全局进场动画
    <item name="android:windowExitTransition">@transition/myfade</item>//全局退场动画
</style>

普通动画（支持效果）
1.淡入淡出Fade
2.滑动Slide
3.分解Explode
- xml布局设置
  在transition文件申明XML文件使用上面的属性，添加时间，插值器等
  xml或者java代码设置都需要在跳转Activity使用StartActivity里的options属性，不然没有过渡动画
  startActivity(intent,
  ActivityOptions.makeSceneTransitionAnimation(this).toBundle()); //普通的跳转
动画集使用
```
  TransitionSet set = new TransitionSet()
 .addTransition(new Scale(0.7f))
 .addTransition(new Fade())
 .setInterpolator(visible ? new LinearOutSlowInInterpolator() :
 new FastOutLinearInInterpolator());

 TransitionManager.beginDelayedTransition(transitionsContainer, set);
```
Recolor 颜色渐变

通过 setBackgroundColor 背景色时没有动画效果，可以使用 setBackground, setBackgroundDrawable

共享元素动画
1.changeBounds:改变目标视图的布局边界。
2.changeClipBounds:裁剪目标视图边界。
3.changeTransform:改变目标的缩放比例和旋转角度。
4.changeImageTransform:改变目标图片的大小和缩放比例。

共享元素跳转：
为了使有一个共享元素的两个activities间使用过渡动画：
1.定义你的过渡动画为XML资源
2.在你的主题中启用窗口内容过渡
3.在你的主题样式中指定共享元素的过渡

4.使用android:transitionName属性给两个布局中的共享元素指定一个相同的名字（名字一定不要写错）

5.使用ActivityOptions.makeSceneTransitionAnimation() 方法

//共享跳转

startActivity(intent, ActivityOptions.makeSceneTransitionAnimation(this,view,"shareName").toBundle());

常用window类

requestFeature(Window.FEATURE_CONTENT_TRANSITIONS)设置支持过渡动画
setExitTransition() - 当A 跳转到 B时，使A中的View退出场景的transition
setEnterTransition() - 当A 跳转到 B时，使B中的View进入场景的transition
setReturnTransition() - 当B 返回到 A时，使B中的View退出场景的transition
setReenterTransition() - 当B 返回到 A时，使A中的View进入场景的transition
setSharedElementEnterTransition();共享元素，A->B,B进入动画
setSharedElementExitTransition();共享元素，A->B,A退出动画
setSharedElementReenterTransition();共享元素，B->A，A进入动画
 setSharedElementReturnTransition();共享元素，B->A,B退出动画

共享元素

ChangeBounds -捕获共享元素的layout bound，然后播放layout bound变化动画。ChangeBounds 是共享元素变换中用的最多的，因为前后两个activity中共享元素的大小和位置一般都是不同的。
ChangeTransform - 捕获共享元素的缩放（scale）与旋转（rotation）属性 ，然后播放缩放（scale）与旋转（rotation）属性变化动画。
ChangeClipBounds - 捕获共享元素clip bounds，然后播放clip bounds变化动画。
ChangeImageTransform - 捕获共享元素（ImageView）的transform matrices 属性，然后播放ImageViewtransform matrices 属性变化动画。与ChangeBounds相结合，这个变换可以让ImageView在动画中高效实现大小，形状或者ImageView.ScaleType 属性平滑过度。

Android中的动画
补间动画 Android中的补间动画即View动画有四种，分别为AlphaAnimation透明渐变动画、Rota...
Android 动画
不怕跌倒，所以飞翔 Android动画分类 1.View动画 1.1 View动画有四种变换效果(对应这Anima...
Android动画效果translate、scale、alpha
动画类型Android的animation由四种类型组成XML中:alpha 渐变透明度动画效果 scale 渐变...
爱她就要了解她之Android动画
在Android中的动画主要有四种形式1.Tween Aniamtion（变换动画）2.Property Anim...
Android本身View的拉长缩短动画
作者:XINHAO_HAN在Android中所熟悉的动画基本分为四种,无论是View动画还是属性动画1.平移2.透...
Android 四种动画
！！5.0新增过渡动画 1.属性动画！！改变控件真实的值ObjiectAnimator extends Valu...
Android补间动画
Android补间动画支持四种效果，分别是透明度，缩放，平移，旋转。还有将四种效果组合起来显示的Animation...
Android动画
动画种类 1、View动画：View动画支持四种动画效果，分别是旋转、平移、缩放、透明度（只能实现四种动画效果，而...
Android 动画总结(9) - 过渡动画
Android 动画总结(1) - 概述Android 动画总结(2) - 帧动画Android 动画总结(3) ...
Android 动画总结(3) - 补间动画
Android 动画总结(1) - 概述Android 动画总结(2) - 帧动画Android 动画总结(4) ...