zoukankan      html  css  js  c++  java
  • Android 动画及属性动画

      Android 平台提供了一套完整的动画框架,在Android3.0之前有两种动画Tween Animation(补间动画)和Frame Animation(帧动画),

    对应SDK中的View Animation和Drawable Animation。

    在Android3.0之后,新增了一种动画Property Animation(属性动画)。

    一: 补间动画(res/anim/ )

      Tween Animation可以对view实现一系列的转换,给出两个关键帧,通过一些算法将给定属性值在给定的时间内在两个关键帧间渐变。可以通过  代码  和  xml 定义,代码中定义用: AlphaAnimation…

    特点:

    Tween Animation只能应用于View对象,并且只支持一部分属性。它并不会改变属性的值,只是改变了View对象绘制的位置。比如,一个按钮在动画过后,不再原来的位置,但是触发点击事件的任然是原坐标。

    xml中必须有一个跟节点,可以是渐变<alpha>, 伸缩<scale>, 移动<translate>, 旋转<rotate>, 或者 <set>。<set>是一个动画集,可以包含前面的一个或多个。

    <!-- XML中定义 – -->
    <set android:shareInterpolator="false">
        <scale
            android:interpolator="@android:anim/accelerate_decelerate_interpolator"
            android:fromXScale="1.0"
            android:toXScale="1.4"
            android:fromYScale="1.0"
            android:toYScale="0.6"
            android:pivotX="50%"
            android:pivotY="50%"
            android:fillAfter="false"
            android:duration="700" />
    </set>

      代码中使用:

    ImageView spaceshipImage = (ImageView) findViewById(R.id.spaceshipImage);
    Animation hyperspaceJumpAnimation = AnimationUtils.loadAnimation(this, R.anim.hyperspace_jump);
    spaceshipImage.startAnimation(hyperspaceJumpAnimation);

      定义动画的三个步骤 1. 创建动画对象 2. 设置时长 ,3 . 开启动画 、

    Interpolators 插值器

    可以让动画按照一定的频率运动,实现加速、减速、重复、回弹等效果。

    XML 文件存放在:res/anim 下,并定义android:interpolator="@android:anim/.."来使用

    二: 帧动画(res/drawable/)

      Frame Animation是一系列的图片按顺序显示,来模拟动画的效果。 代码中通过AnimationDrawable来定义。

    <animation-list xmlns:android="http://schemas.android.com/apk/res/android"
        android:oneshot="true">
        <item android:drawable="@drawable/rocket_thrust1" android:duration="200" />
        <item android:drawable="@drawable/rocket_thrust2" android:duration="200" />
        <item android:drawable="@drawable/rocket_thrust3" android:duration="200" />
    </animation-list>

      必须以<animation-list>为根元素,以<item>表示要轮换显示的图片,duration属性表示各项显示的时间。

    protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.main);
            imageView = (ImageView) findViewById(R.id.imageView1);
            imageView.setBackgroundResource(R.drawable.drawable_anim);
            anim = (AnimationDrawable) imageView.getBackground();
        }
    
        public boolean onTouchEvent(MotionEvent event) {
            if (event.getAction() == MotionEvent.ACTION_DOWN) {
                anim.stop();
                anim.start();
                return true;
            }
            return super.onTouchEvent(event);
        }

    注意事项:

    • 要在代码中调用Imageview的setBackgroundResource方法,如果直接在XML布局文件中设置其src属性当触发动画时会FC
    • 在动画start()之前要先stop(),不然在第一次动画之后会停在最后一帧,这样动画就只会触发一次
    • 最后一点是SDK中提到的,不要在onCreate中调用start,因为AnimationDrawable还没有完全跟Window相关联,如果想要界面显示时就开始动画的话,可以在onWindowFoucsChanged()中调用start()

    三 : 属性动画(res/animator/)

      Property Animation更改的是对象的实际属性,如Button的缩放,Button的位置与大小属性值都改变了。它不止可以应用于View,还可以应用于almost任何对象,在任何时候(即使没有draws to the screen)。Property Animation只是表示一个值在一段时间内的改变,当值改变时要做什么事情完全是你自己决定的。

    Property Animation允许我们定义的属性:

    • Duration :时长 ,default length is 300 ms.
    • Time interpolation :属性值的计算方式,如先快后慢
    • Repeat count and behavior:重复次数与方式
    • Animator sets :动画集合,存放几个动画,这些动画可以同时播放也可以设置不同的偏移
    • Frame refresh delay:多少时间刷新一次 ,default is 10 ms ,受系统进程调度与硬件的影响

    ①: ValueAnimator :包含Property Animation动画的所有核心功能,如动画时间,开始、结束属性值,相应时间属性值计算方法等。

    应用ValueAnimator有两个步聚:

    1. 计算属性值
    2. 根据属性值执行相应的动作,如改变对象的某一属性。

    第一步 ValuAnimiator 已经完成了,我们只需要实现ValueAnimator.onUpdateListener接口

    ValueAnimator animation = ValueAnimator.ofFloat(0f, 1f);
    animation.setDuration(1000);
    animation.addUpdateListener(new AnimatorUpdateListener() {
        @Override
        public void onAnimationUpdate(ValueAnimator animation) {
           TextView tv = new TextView(getApplication());
                  tv.setTranslationX((Float) animation.getAnimatedValue());
        }
    });
    animation.setInterpolator(new CycleInterpolator(3));
    animation.start();

    ②:ObjectAnimator :它是ValueAnimator的子类,它完成了ValueAnimator中前两步 操作

    为了让 ObjectAnimator 正确的更新属性, 我们必须做下面的操作:

    • 对象应该有一个setter函数:set<PropertyName>(驼峰命名法),例如, 如果属性是foo, 你必须有一个 setFoo() 方法,如果没有,则只能使用ValueAnimator
    • 如上面的例子中,像ofFloat之类的工场方法,第一个参数为对象名,第二个为属性名,后面的参数为可变参数,如果values…参数只设置了一个值的话,那么会假定为目的值,属性值的变化范围为当前值到目的值,为了获得当前值,该对象要有相应属性的getter方法:get<PropertyName>
    • 如果有getter方法,其应返回值类型应与相应的setter方法的参数类型一致。
    tv=(TextView)findViewById(R.id.textview1);
    btn=(Button)findViewById(R.id.button1);
    btn.setOnClickListener(new OnClickListener() {
      @Override
      public void onClick(View v) {
        ObjectAnimator oa
    =ObjectAnimator.ofFloat(tv, "alpha"
    , 0f, 1f);
        oa.setDuration(3000);
        oa.start();
      }
    });

    在有些情况下,我们可能需要在onAnimationUpdate() callback中 执行invalidate() 方法来强制屏幕重绘。

    AnimatorSet动画集

    在动画集中,我们可以设置组中动画的时序关系,如同时播放,顺序播放等。

    AnimatorSet bouncer = new AnimatorSet();
    bouncer.play(bounceAnim).before(squashAnim1);
    bouncer.play(squashAnim1).with(squashAnim2);
    bouncer.play(squashAnim1).with(stretchAnim1);
    bouncer.play(squashAnim1).with(stretchAnim2);
    bouncer.play(bounceBackAnim).after(stretchAnim2);
    ValueAnimator fadeAnim = ObjectAnimator.ofFloat(newBall, "alpha", 1f, 0f);
    fadeAnim.setDuration(250);
    AnimatorSet animatorSet = new AnimatorSet();
    animatorSet.play(bouncer).before(fadeAnim);
    animatorSet.start();

    ④: 动画监听

    Animator.AnimatorListener中定义了动画的一些公共接口

    onAnimationStart()
    
    onAnimationEnd()
    
    onAnimationRepeat()
    
    //当动画被取消时调用,同时会调用onAnimationEnd().
    onAnimationCancel()

    注意:

    通过观察我们发现AnimatorListenerAdapter这个类 实现了Animator.AnimatorListener接口{每个方法的内部实现都是空} ,我们可以通过继承这个类 {只复写需要复写的方法},而不是实现接口,来达到精简代码的操作。

    ObjectAnimator oa=ObjectAnimator.ofFloat(tv, "alpha", 0f, 1f);
    oa.setDuration(3000);
    oa.addListener(new AnimatorListenerAdapter(){
        public void on AnimationEnd(Animator animation){
            Log.i("Animation","end");
        }
    });
    oa.start();

    ⑤ViewGroups过渡动画

    <LinearLayout
        android:orientation="vertical"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:id="@+id/verticalContainer"
        <!--设置为true,在添加或者移除View的时候,播放动画-->
        android:animateLayoutChanges="true" />

    常见过度动画类型:

    • LayoutTransition.APPEARING :当一个View在ViewGroup中出现时,对此View设置的动画
    • LayoutTransition.CHANGE_APPEARING 当一个View在ViewGroup中出现时,对此View对其他View位置造成影响,对其他View设置的动画
    • LayoutTransition.DISAPPEARING  当一个View在ViewGroup中消失时,对此View设置的动画
    • LayoutTransition.CHANGE_DISAPPEARING 当一个View在ViewGroup中消失时,对此View对其他View位置造成影响,对其他View设置的动画

    ⑥View的animate()方法 和 ViewPropertyAnimator

    // need API12
            imageView.animate()
                    .alpha(0)
                    .y(50).setDuration(1000)
                    // need API 12
                    .withStartAction(new Runnable() {
                        //动画前要执行的操作
                        @Override
                        public void run() {
                            Log.e(TAG, "START");
                        }
                        // need API 16
                    }).withEndAction(new Runnable() {
                // 动画后要执行 的操作
                @Override
                public void run() {
                    Log.e(TAG, "END");
                    runOnUiThread(new Runnable() {
                        @Override
                        public void run() {
                            imageView.setY(0);
                            imageView.setAlpha(1.0f);
                        }
                    });
                }
            }).start();

    ViewPropertyAnimator类多用于对一个View的多个属性进行动画,该类对多属性动画进行了优化,会合并一些invalidate()来减少刷新视图

    /**与上面代码的f功能相同*/
    PropertyValuesHolder pvhX = PropertyValuesHolder.ofFloat("alpha", 1f,  
                0f, 1f);  
        PropertyValuesHolder pvhY = PropertyValuesHolder.ofFloat("y", 50, 0);  
        ObjectAnimator.ofPropertyValuesHolder(mBlueBall, pvhX, pvhY).setDuration(1000).start();

    ⑦TypeEvaluator

    根据属性的开始、结束值与TimeInterpolation计算出的因子计算出当前时间的属性值

    • IntEvaluator:属性的值类型为int
    • FloatEvaluator:属性的值类型为float
    • ArgbEvaluator:属性的值类型为十六进制颜色值
    • TypeEvaluator:一个接口,可以通过实现该接口自定义Evaluator
    public class FloatEvaluator implements TypeEvaluator {
    
        public Object evaluate(float fraction, Object startValue, Object endValue) {
            float startFloat = ((Number) startValue).floatValue();
    /**
    fraction 是根据动画执行的时间跟应用的Interplator,计算出的一个0~1之间的因子
    */
            return startFloat + fraction * (((Number) endValue).floatValue() - startFloat);
        }
    }

    ⑧XML中使用属性动画

    XML:

    <?xml version="1.0" encoding="utf-8"?>  
    <objectAnimator xmlns:android="http://schemas.android.com/apk/res/android"  
        android:duration="1000"  
        android:propertyName="scaleX"  
        android:valueFrom="1.0"  
        android:valueTo="2.0"  
        android:valueType="floatType" >  
    </objectAnimator>

    code:

    public void scaleX(View view)  
        {  
            // 加载动画  
            Animator anim = AnimatorInflater.loadAnimator(this, R.animator.scalex);  
            anim.setTarget(mMv);  
            anim.start();  
        }
  • 相关阅读:
    ORACLE CLIENT客户端安装步骤详解
    mkswap 把一个分区格式化成为swap交换区
    编译安装lnmp
    使用源代码安装lnmp
    查看nginx编译安装
    linux lnmp编译安装
    nginx编译安装
    lnmp脚本
    搭建LAMP测试环境
    绝路上的桥
  • 原文地址:https://www.cnblogs.com/BoBoMEe/p/4292254.html
Copyright © 2011-2022 走看看