android:...">
美文网首页
三种动画

三种动画

作者: 面向星辰大海的程序员 | 来源:发表于2021-04-02 20:25 被阅读0次

三种动画:

  1. 帧动画

<?xml version="1.0" encoding="utf-8"?> <animation-list xmlns:android="http://schemas.android.com/apk/res/android" android:oneshot="false"> <item android:drawable="@drawable/image01" android:duration="500"/> <item android:drawable="@drawable/image02" android:duration="500"/> <item android:drawable="@drawable/image03" android:duration="500"/> </animation-list>

android:oneshot=“false”: 表示是否重复播放动画,还是只播放一次;

Button button = (Button) findViewById(R.id.bt_001);
button.setBackgroundResource(R.drawable.frame_animation);//把Drawable设置为button的背景
//拿到这个我们定义的Drawable,实际也就是AnimationDrawable
AnimationDrawable animationDrawable = (AnimationDrawable) button.getBackground();
animationDrawable.start();//开启动画

帧动画总结:多张图片按顺序按一定时间切换

  1. 补间动画(View动画)

    view 的 平移(不是真的移动了)、缩放、旋转、透明度变化

    抽象类Animation派生TranslateAnimation、ScaleAnimation、RotateAnimation、AlphaAnimation

    AnimationSet(控制多个动画同时或按顺序或延时播放)

    用法一:

    在res/anim目录下创建xml文件

    平移动画xml

    <?xml version="1.0" encoding="utf-8"?>
    <translate xmlns:android="http://schemas.android.com/apk/res/android"
    android:fromXDelta="100"
    android:fromYDelta="0"
    android:toXDelta="0"
    android:toYDelta="0"/>

    缩放xml

    <?xml version="1.0" encoding="utf-8"?>
    <scale xmlns:android="http://schemas.android.com/apk/res/android"
    android:duration="1000"
    android:fromXScale="0.0"
    android:fromYScale="0.0"
    android:pivotX="50%"
    android:pivotY="50%"
    android:toXScale="1.0"
    android:toYScale="1.0"/>

    透明度xml

    <?xml version="1.0" encoding="utf-8"?>
    <alpha xmlns:android="http://schemas.android.com/apk/res/android"
    android:duration="1000"
    android:fromAlpha="1.0"
    android:interpolator="@android:anim/accelerate_decelerate_interpolator"
    android:toAlpha="0.0" />

    旋转xml

    <?xml version="1.0" encoding="utf-8"?>
    <alpha xmlns:android="http://schemas.android.com/apk/res/android"
    android:fromDegrees="0"
    android:toDegrees="360"
    android:pivotX="50%"
    android:pivotY="50%" />

    旋转xml

    <?xml version="1.0" encoding="utf-8"?>
    <scale xmlns:android="http://schemas.android.com/apk/res/android"
    android:duration="1000"android:fromDegrees="0"
    android:toDegrees="360"
    android:pivotX="50%"
    android:pivotY="50%" />

    使用AnimationUtils加载动画xml:

    Animation animation = AnimationUtils.loadAnimation(context,R.anim.viewanimation);
    textView.startAnimation(animation);

    用法二:

    new出对应的动画对象

    平移动画

    Animation translateAnimation = new TranslateAnimation(0,500,0,500);
    // 创建平移动画的对象:平移动画对应的Animation子类为TranslateAnimation
    // 参数分别是:
    // 1. fromXDelta :视图在水平方向x 移动的起始值
    // 2. toXDelta :视图在水平方向x 移动的结束值
    // 3. fromYDelta :视图在竖直方向y 移动的起始值
    // 4. toYDelta:视图在竖直方向y 移动的结束值
    translateAnimation.setDuration(3000);
    // 播放动画直接 startAnimation(translateAnimation)
    //如:
    mButton.startAnimation(translateAnimation);

多种动画共同作用 AnimationSet

AnimationSet setAnimation = new AnimationSet(true);
// 特别说明以下情况
// 因为在下面的旋转动画设置了无限循环(RepeatCount = INFINITE)
// 所以动画不会结束,而是无限循环
// 所以组合动画的下面两行设置是无效的, 以后设置的为准
setAnimation.setRepeatMode(Animation.RESTART);
setAnimation.setRepeatCount(1);// 设置了循环一次,但无效
// 旋转动画
Animation rotate = new RotateAnimation(0,360,Animation.RELATIVE_TO_SELF,0.5f,Animation.RELATIVE_TO_SELF,0.5f);
rotate.setDuration(1000);
rotate.setRepeatMode(Animation.RESTART);
rotate.setRepeatCount(Animation.INFINITE);
// 平移动画
Animation translate = new TranslateAnimation(TranslateAnimation.RELATIVE_TO_PARENT,-0.5f,
TranslateAnimation.RELATIVE_TO_PARENT,0.5f,
TranslateAnimation.RELATIVE_TO_SELF,0
,TranslateAnimation.RELATIVE_TO_SELF,0);
translate.setDuration(10000);
// 透明度动画
Animation alpha = new AlphaAnimation(1,0);
alpha.setDuration(3000);
alpha.setStartOffset(7000);
// 缩放动画
Animation scale1 = new ScaleAnimation(1,0.5f,1,0.5f,Animation.RELATIVE_TO_SELF,0.5f,Animation.RELATIVE_TO_SELF,0.5f);
scale1.setDuration(1000);
scale1.setStartOffset(4000);
// 将创建的子动画添加到组合动画里
setAnimation.addAnimation(alpha);
setAnimation.addAnimation(rotate);
setAnimation.addAnimation(translate);
setAnimation.addAnimation(scale1);
// 使用
mButton.startAnimation(setAnimation);

View动画的使用场景

场景一:LayoutAnimation

LayoutAnimation作用于ViewGroup,为ViewGroup指定一个动画,然后,当它的子元素出场时都会具有这种效果。这种效果常用与ListView,有的ListView的每个item都以一定的动画形式出现,就是用到的LayoutAnimation。

LayoutAnimation也是一个View动画, 使用方式有三步:

  • 1、定义LayoutAnimation的xml文件;
  • 2、指定具体的入场动画;
  • 3、为ViewGroup指定android:layoutAnimation属性,引用这个LayoutAnimation的xml文件;

第一步,定义LayoutAnimation的xml文件:

// res/anim/anim_layout.xml
<layoutAnimation
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:delay="0.5"
    android:animationOrder="normal"
    android:animation="@anim/anim_item"/>

其中animationOrder有三种选项: normal、reverse、random。

第二步,指定具体动画,也就是第一步中引用的anim_item:

// res/anim/anim_item.xml
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:duration="300"
    android:interpolator="@android:anim/accelerate_interpolator"
    android:shareInterpolator="true" >
    <alpha
    android:fromAlpha="0.0"
    android:toAlpha="1.0" />
    <translate
    android:fromXDelta="500"
    android:toXDelta="0" />
</set>
12345678910111213

第三步,为ViewGroup指定android:layoutAnimation属性:

<ListView
    android:id="@+id/list"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layoutAnimation="@anim/anim_layout"
    android:background="#fff4f7f9"
    android:cacheColorHint="#00000000"
    android:divider="#dddbdb"
    android:dividerHeight="1.0px"
    android:listSelector="@android:color/transparent" />
12345678910

这样,ListView的每个item都具有了动画效果。

除了用xml文件,也同样可以使用代码实现, 代码需要用到LayoutAnimationController:

ListView listView = (ListView) layout.findViewById(R.id.list);
Animation animation = AnimationUtils.loadAnimation(this,R.anim.anim_
item);
LayoutAnimationController controller = new LayoutAnimationController
(animation);
controller.setDelay(0.5f);
controller.setOrder(LayoutAnimationController.ORDER_NORMAL);
listView.setLayoutAnimation(controller);

动画的监听

Animation.addListener(new AnimatorListener() {
      @Override
      public void onAnimationStart(Animation animation) {
          //动画开始时执行
      }

       @Override
      public void onAnimationRepeat(Animation animation) {
          //动画重复时执行
      }

     @Override
      public void onAnimationCancel()(Animation animation) {
          //动画取消时执行
      }

      @Override
      public void onAnimationEnd(Animation animation) {
          //动画结束时执行
      }
  });

Activity的切换效果

Activity有默认的切换效果,但是我们可以定制,主要用到overridePendingTransition(int enterAnima, int exitAnima)这个方法:

Intent intent = new Intent(this,TestActivity.class);
startActivity(intent);
overridePendingTransition(R.anim.enter_anim,R.anim.exit_anim);

注意, 这个方法必须在startActivity或者finish方法之后调用才会生效。

Fragment的切换效果

可以使用FragmentTransaction的setCustomAnimation方法添加切换动画。

  1. 属性动画

    属性动画基类 Animator派生ValueAnimator、AnimatorSet ValueAnimator派生ObjectAnimator、TimeAnimator

    属性动画可以看作是增强版的补间动画,与补间动画的不同之处体现在:

    • 补间动画只能定义两个关键帧在透明、旋转、位移和倾斜这四个属性的变换,但是属性动画可以定义任何属性的变化。
    • 补间动画只能对 UI 组件执行动画,但属性动画可以对任何对象执行动画。

    与补间动画类似的是,属性动画也需要定义几个方面的属性:

    • 动画持续时间。默认为 300ms,可以通过 android:duration 属性指定。
    • 动画插值方式。通过 android:interploator 指定。
    • 动画重复次数。通过 android:repeatCount 指定。
    • 重复行为。通过 android:repeatMode 指定。
    • 动画集。在属性资源文件中通过 <set …/> 来组合。
    • 帧刷新率。指定多长时间播放一帧。默认为 10 ms。

属性动画 API

  • Animator: 提供创建属性动画的基类,基本不会直接使用这个类。
  • ValueAnimator:属性动画用到的主要的时间引擎,负责计算各个帧的属性值,基本上其他属性动画都会直接或间接继承它;
  • ObjectAnimator: ValueAnimator 的子类,对指定对象的属性执行动画。
  • AnimatorSet:Animator 的子类,用于组合多个 Animator。

除了这些 API,属性动画还提供了一个 Evaluator ,用来控制属性动画如何计算属性值。

  • IntEvaluator:计算 int 类型属性值的计算器。
  • FloatEvaluator: 用于计算 float 类型属性值的计算器。
  • ArgbEvaluator: 用于计算十六进制形式表示的颜色值的计算器。
  • TypeEvaluator: 可以自定义计算器。

使用 ValueAnimator 创建动画的步骤:

  • 调用 ValueAnimator 的 ofInt()、ofFloat() 或者 ofObject() 静态方法创建 ValueAnimator 实例。
  • 调用 ValueAnimator 的 setXxx() 等方法设置持续时间,插值方式、重复次数等。
  • 调用 ValueAnimator 的 start() 方法启动动画。
  • 为 ValueAnimator 注册 AnimatorUpdateListener 监听器,在该监听器中可以监听 ValueAnimator 计算出来的值改变,并将这些值应用到指定对象上。

定义属性动画和补间动画等类似,有两种方式

  • 使用 ValueAnimator 或者 ObjectAnimator 的静态工厂方法创建动画。
  • 使用资源文件来定义动画。

属性动画的使用:

  • 创建 ValueAnimator 或 ObjectAnimator 对象 —— 即可以从 XML 资源文件加载该动画也可以直接调用 ValueAnimator 或者 ObjectAnimator 的静态工厂方法创建动画。
  • 根据需要为 Animator 对象设置属性。
  • 如果需要监听 Animator 的动画开始事件,动画结束事件、动画重复事件、动画值改变事件,并根据事件提供响应处理代码,需要为Animator 对象设置监听器。
  • 如果有多个动画需要同时播放,需要使用 AnimatorSet 组合这些动画。
  • 调用 Animator 对象的 start 启动动画。

代码示例:

private void startAnim() {
    ObjectAnimator animator0 = ObjectAnimator.ofFloat(
            mImageViews.get(0),//这里传入的是一个任意对象,此处是imageview对象
            "alpha",//指明透明度为变化属性,也可以指定自定义对象中的属性,首个字母必须小写
            1F,
            0.5F);
    ObjectAnimator animator1 = ObjectAnimator.ofFloat(
            mImageViews.get(1),
            "translationY",
            200F);
    ObjectAnimator animator2 = ObjectAnimator.ofFloat(
            mImageViews.get(2),
            "translationX",
            200F);
    ObjectAnimator animator3 = ObjectAnimator.ofFloat(
            mImageViews.get(3),
            "translationY",
            -200F);
    ObjectAnimator animator4 = ObjectAnimator.ofFloat(
            mImageViews.get(4),
            "translationX",
            -200F);
    AnimatorSet set = new AnimatorSet();//组合动画
    set.setDuration(500);
    set.setInterpolator(new BounceInterpolator());
    set.playTogether(
            animator0,
            animator1,
            animator2,
            animator3,
            animator4);
    set.start();
    mFlag = false;
}

相关文章

网友评论

      本文标题:三种动画

      本文链接:https://www.haomeiwen.com/subject/uzpuhltx.html