美文网首页
Android动画之View(补间)动画和帧动画

Android动画之View(补间)动画和帧动画

作者: Cris_Ma | 来源:发表于2017-05-14 02:01 被阅读0次

补间动画(Tween Animator)

补间动画作用的对象就是View,所以也叫View动画,它仅支持四种效果:平移,缩放,旋转,淡入淡出。
他们分别对应Animator的四个子类:TranslateAnimator,ScaleAnimator,RotateAnimator,AlphaAnimator。这四种动画可以通过XML或者代码的形式创建。

XML创建时,要放在res/anim/XXX.xml,这里和属性动画不同,属性动画要放在res/animator/XXX.xml。

<set
    xmlns:android="http://schemas.android.com/apk/res/android"  
    android:interpolator="@android:anim/accelerate_interpolator"
    android:shareInterpolator="true">
    
    <alpha 
        android:fromAlpha="0.1"
        android:toAlpha="1.0"
        />
    <translate 
        android:fromXDelta="0"
        android:toXDelta="100"
        android:fromYDelta="0"
        android:toYDelta="100"
        />
    <scale 
        android:fromXScale="0.5"
        android:toXScale="1.5"
        android:fromYScale="0.5"
        android:toYScale="1.4"
        android:pivotX="50"
        android:pivotY="500"
        />
    <rotate 
        android:fromDegrees="30"
        android:toDegrees="90"
        android:pivotX="50"
        android:pivotY="50"
        />
</set>

属性说明:

android:interpolator: 定义差值器,也可以对单个动画设置
android:shareInterpolator: 设置set中的动画是否共享差值器
android:fromAlpha/toXDelta:0表示透明,1表示不透明,接受float
scale和rotate 有一个特别的属性pivotX/Y,表示缩放或者旋转的轴心点。默认是view的中心位置
android:fillAfter:表示动画结束后是否停留在结束位置
android:fillBefore:表示动画结束后是否停留在开始位置
android:fillEnable::表示上边两个参数是否生效。

代码中使用该动画时,与属性动画不同,属性动画是Animator和AnimatorSet类,tween动画是Animation类:

        Animation anmi = AnimationUtils.loadAnimation(this, R.anim.tween_anim);
        imageView.startAnimation(anmi);

直接在代码中创建Tween动画就更简单了:

AlphaAnimation alphaAnimation  = new AlphaAnimation(0, 1);
alphaAnimation.setDuration(2000);

LayoutAnimation

LayoutAnimation作用对象是ViewGroup,为ViewGroup指定一个动画,它的子元素出现的时候就会有这种动画效果,比如ListView。LayoutAnimation也是View动画,他的使用方法如下:

首先在anim文件夹下新建一个XML文件(layout_anim.xml):

<layoutAnimation xmlns:android="http://schemas.android.com/apk/res/android"  
        android:delay="0.5"  
        android:animationOrder="reverse"  
        android:animation="@anim/item_anim" />

属性说明:

android:delay="0.5" 子元素开始动画的事件延时
android:animationOrder子元素动画开始顺序。normal表示顺序显示,reverse表示倒序,排在后边的子元素先入场,random是随机
android:animation:指定子元素的入场动画

然后创建子元素的入场动画XML文件(item_anim.xml):

<translate
     xmlns:android="http://schemas.android.com/apk/res/android"
     android:duration="2000"
     android:fromXDelta="0"
     android:toXDelta="200">
</translate>

最后在具体的ViewGroup的XML文件中设置android:layoutAnimation="@anim/layout_anim"

直接在代码中使用也是可以的:

LayoutAnimationController controller = new LayoutAnimationController(new AlphaAnimation(1   , 0.5f));
        controller.setDelay(0.5f);
        controller.setOrder(LayoutAnimationController.ORDER_NORMAL);
        listView.setLayoutAnimation(controller);

Activity切换动画

Activity也有默认的切换效果,也可以用自定义效果,使用的这个方法:

overridePendingTransition(int enterAnim,int extAnim)

他必须在startActivity或者finish()之后调用才有效果。enterAnim是进场动画id,extAnim是离场动画id。动画类型都是View动画。

帧动画

帧动画用来顺序播放一组预先定义好的图片。它用的是AnimationDrawable类。

使用时,首先在drawable下定义一个AnimationDrawable(frame_anim.xml),如下:

<animation-list xmlns:android="http://schemas.android.com/apk/res/android"
    android:oneshot="false">
    <item
        android:drawable="@drawable/image1"
        android:duration="200" />
    <item
        android:drawable="@drawable/image2"
        android:duration="200" />
    <item
        android:drawable="@drawable/image3"
        android:duration="200" />
</animation-list>

android:oneshot为true表示只播放一次,false表示一直循环。

然后将该drawable设置到动画的对象view上。

imageView.setImageResource(R.drawable.frame_anim);
AnimationDrawable animationDrawable = (AnimationDrawable) imageView.getDrawable();
animationDrawable.start();

要停止动画的时候,调用stop方法。

需要注意的是,AnimationDrawable播放动画是依附在window上面的,在Activity的onCreate方法中,初始化未完成是不能运行动画的,可以添加在onWindowFocusChanged方法中。

代码的方式实现:

AnimationDrawable anim = new AnimationDrawable();
    for (int i = 1; i <= 6; i++) {
    int id = getResources().getIdentifier("lottery_" + i, "mipmap", getPackageName());
    Drawable drawable = getResources().getDrawable(id);
    anim.addFrame(drawable, 200);
    }
    anim.setOneShot(false);
    imageView.setImageDrawable(anim);
    anim.start();

相关文章

  • Android动画体系

    Android动画 View动画(补间动画)、帧动画、属性动画 1. View动画 使用View动画框架可以在Vi...

  • Android动画

    Android动画 动画类型 视图动画(View Animatio)补间动画(Tween Animation)逐帧...

  • Android 动画解析

    Android 的动画分类: View视图动画(补间动画 / 逐帧动画) 属性动画Android 动画 0x01 ...

  • Android动画

    Android动画主要包含补间动画(Tween)View Animation、帧动画(Frame)Drawable...

  • Android动画四:逐帧、视图、属性动画使用教程详解

    Android 动画主要分为3种: 逐帧动画(Drawable Animation) 视图动画/补间动画(View...

  • Android开发之属性动画

    Android动画主要分为3种 View动画(Android开发之View动画) 帧动画(Android开发之帧动...

  • Android开发之帧动画

    Android动画主要分为3种 View动画(Android开发之View动画) 帧动画 属性动画 何为帧动画? ...

  • Android 动画锦集

    Android 动画可分为逐帧动画、补间动画、属性动画。使用传统的逐帧动画、补间动画可以实现 Android 基本...

  • 动画

    Android中的动画主要分为补间动画、帧动画和属性动画。 1.补间动画与帧动画都是canvas对matrix的操...

  • Android动画三:使用 Transition 最简单方式实现

    在 android.view.animation.*包下有多种实现动画的方式,有逐帧动画、补间动画、属性动画,可以...

网友评论

      本文标题:Android动画之View(补间)动画和帧动画

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