美文网首页
Android View动画

Android View动画

作者: fomin | 来源:发表于2018-09-18 11:37 被阅读161次

      Animation框架定义了透明度(AlphaAnimation)、旋转(RotateAnimation)、缩放(ScaleAnimation)和位移(TranslateAnimation)几种常见的动画,并提供了AnimationSet动画集合。实现原理是每次绘图时View所在的ViewGroup中的dispathDraw,流程如下图:


    图片

    可以看下ViewGroup的drawChild方法,这里开始处理动画机制

    /**
     * Draw one child of this View Group. This method is responsible for getting
     * the canvas in the right state. This includes clipping, translating so
     * that the child's scrolled origin is at 0, 0, and applying any animation
     * transformations.
     *
     * @param canvas The canvas on which to draw the child
     * @param child Who to draw
     * @param drawingTime The time at which draw is occurring
     * @return True if an invalidate() was issued
     */
    protected boolean drawChild(Canvas canvas, View child, long drawingTime) {
        return child.draw(canvas, this, drawingTime);
    }
    

    1、透明度动画

    • 代码实现:
    AlphaAnimation animation = new AlphaAnimation(0, 1);// 透明度0变化到透明度为1
    animation.setDuration(1000);// 动画执行时间1s
    textView.startAnimation(animation);
    
    • xml实现:
    <set xmlns:android="http://schemas.android.com/apk/res/android">
    
        <alpha
            android:duration="1000"
            android:fromAlpha="0"
            android:interpolator="@android:anim/accelerate_interpolator"
            android:repeatCount="3"
            android:fillAfter="true"
            android:repeatMode="restart"
            android:toAlpha="1" />
    </set>
    
    
    参数 说明
    fromAlpha 动画开始时候透明度 0.0表示完全透明
    toAlpha 动画结束时候透明度 1.0表示完全不透

    2、旋转动画

    • 代码实现:
    RotateAnimation animation = new RotateAnimation(0, 360, 100, 100);
    animation.setDuration(1000);
    animation.setFillAfter(true); // 设置保持动画最后的状态
    animation.setInterpolator(new AccelerateInterpolator()); // 设置插入器
    textView.startAnimation(animation);
    

    还可以通过系统提供参数来控制动画

    new RotateAnimation(0f, 360f, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);
    
    • xml实现:
    <rotate xmlns:android="http://schemas.android.com/apk/res/android"
        android:duration="1000"
        android:fromDegrees="0.0"
        android:interpolator="@android:anim/linear_interpolator"
        android:pivotX="50.0%"
        android:pivotY="50.0%"
        android:repeatCount="infinite"
        android:toDegrees="360.0" />
    
    参数 说明
    fromDegrees 为动画起始时的旋转角度,此角度是当前为0及360,设置其他值则先跳至该角度的位置再由from - to的值: 负则正向转,正则反向转
    toDegrees 为动画旋转到的角度
    pivotXType 为动画在X轴相对于物件位置类型
    pivotXValue 为动画相对于物件的X坐标的开始位置,此值是以本身原始位置为原点,即如设为20%p,则向右移动父控件的20%位移,为负数则向左移
    pivotYType 为动画在Y轴相对于物件位置类型
    pivotYValue 为动画相对于物件的Y坐标的开始位置,此值是以本身原始位置为原点,即如设为20%p,则向下移动父控件的20%位移,为负数则向上移

    3、位移动画

    • 代码实现:
    TranslateAnimation translateAnimation = new TranslateAnimation(0, 200, 0, 200);
    translateAnimation.setDuration(1000);
    textView.startAnimation(translateAnimation);
    
    • xml实现:
    <?xml version="1.0" encoding="utf-8"?>
    <set xmlns:android="http://schemas.android.com/apk/res/android">
    
        <translate
            android:duration="1000"
            android:fillAfter="true"
            android:fromXDelta="0"
            android:fromYDelta="0"
            android:repeatCount="3"
            android:toXDelta="200"
            android:toYDelta="000" />
    </set>
    
    参数 说明
    fromXDelta 为动画起始时 X坐标上的移动位置
    toXDelta 为动画结束时 X坐标上的移动位置
    fromYDelta 为动画起始时Y坐标上的移动位置
    toYDelta 为动画结束时Y坐标上的移动位置

    4、缩放动画

    • 代码实现:
    ScaleAnimation animation = new ScaleAnimation(0,1,0,1);
    animation.setDuration(1000);
    textView.startAnimation(animation);
    

    缩放动画也可以设置缩放的中心点

    ScaleAnimation animation = new ScaleAnimation(0, 1, 0, 1, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);
    
    • xml实现:
    <set xmlns:android="http://schemas.android.com/apk/res/android">
    
        <scale
            android:duration="1000"
            android:fillAfter="true"
            android:fillBefore="true"
            android:fromXScale="0.0"
            android:fromYScale="0.0"
            android:interpolator="@android:anim/linear_interpolator"
            android:pivotX="50%"
            android:pivotY="50%"
            android:repeatCount="-1"
            android:repeatMode="reverse"
            android:startOffset="2000"
            android:toXScale="1.0"
            android:toYScale="1.0"/>
    </set>
    
    参数 说明
    fromX 为动画起始时 X坐标上的伸缩尺寸 0.0表示收缩到没有
    toX 为动画结束时 X坐标上的伸缩尺寸 1.0表示正常无伸缩
    fromY 为动画起始时Y坐标上的伸缩尺寸 值小于1.0表示收缩
    toY 为动画结束时Y坐标上的伸缩尺寸 值大于1.0表示放大
    pivotXType 为动画在X轴相对于物件位置类型
    pivotXValue 为动画相对于物件的X坐标的开始位置
    pivotXType 为动画在Y轴相对于物件位置类型
    pivotYValue 为动画相对于物件的Y坐标的开始位置

    5、anim文件使用

    Animation animation = AnimationUtils.loadAnimation(this, R.anim.alpha_anim);
    textView.startAnimation(animation);
    

    6、动画集合

    AnimationSet提供了一个把多个动画组合成一个组合的机制,并可设置组中动画的时序关系,如同时播放,顺序播放等。

    AnimationSet animationSet = new AnimationSet(true);
    animationSet.setDuration(1000);
    
    AlphaAnimation alpha=new AlphaAnimation(0,1);
    alpha.setDuration(1000);
    animationSet.addAnimation(alpha);
    
    TranslateAnimation translate = new TranslateAnimation(100, 200, 0, 200);
    translate.setDuration(1000);
    animationSet.addAnimation(translate);
    textView.startAnimation(animationSet);
    

    7、动画监听

    对于动画事件,Android也提供了开始、结束和重复事件的监听方法。

    animation.setAnimationListener(new Animation.AnimationListener() {
        @Override
        public void onAnimationStart(Animation animation) {
            
        }
    
        @Override
        public void onAnimationEnd(Animation animation) {
    
        }
    
        @Override
        public void onAnimationRepeat(Animation animation) {
    
        }
    });
    

    相关文章

      网友评论

          本文标题:Android View动画

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