美文网首页
Android 动画之 LayoutAnimation 动画

Android 动画之 LayoutAnimation 动画

作者: sliencexiu | 来源:发表于2019-08-05 00:23 被阅读0次

    1 LayoutAnimation 简介

    前面讲解了LayoutTransition动画字面翻译是布局的过渡也就是布局动画,这个类可以实现ViewGroup的布局改变时自动执行动画,LayoutTransition和属性动画一起在API 11时添加它使用的是属性动画,主要负责容器内item添加删除时候的效果。
    LayoutAnimation 从API 1就存在,用于将动画运用在容器item上,使用的动画是是view animation(视图动画),LayoutAnimation在ViewGroup初始化并显示的时候,其初始条目有进入动画,但是后期加入的数据则没有动画效果,这是它的显著效果。相似动画还有GridLayoutAnimation。

    构造函数:
    LayoutAnimationController(Context context, AttributeSet attrs)
    Creates a new layout animation controller from external resources.
    初始化需要设置动画和delay属性。
    LayoutAnimationController(Animation animation)
    Creates a new layout animation controller with a delay of 50% and the specified animation.
    默认动画animation,duration的50%作为delay。
    LayoutAnimationController(Animation animation, float delay)
    Creates a new layout animation controller with the specified delay and the specified animation.
    设置了animation和delay属性

    setAnimation()设置每个item要进行的具体动画。
    setInterpolator(context,int)设置的插值器主要应用于delay的发生时间,例如设置为线性插值器每个item都是在delay后进行动画,如果和值了加速度插值器,则开始时item动画发生的快,后面越来越慢。
    setOrder(order)
    order 是item运动的顺序,ORDER_NORMAL(正序)、ORDER_REVERSE(倒序)、ORDER_RANDOM(随机).
    setDelay(delay)
    delay 是每个Item开始动画前的延迟时间,取值为animtaion中动画的duration倍数。

    2 代码实现

    public class Main2Activity extends AppCompatActivity {
    
        private RecyclerView mRecyclerView;
        private LinearLayoutManager mLayoutManger;
        private TextAdapter mAdapter;
        private List<String> mData;
    
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_main2);
            mRecyclerView = findViewById(R.id.recycler_view);
            mLayoutManger = new LinearLayoutManager(this);
            mLayoutManger.setOrientation(LinearLayoutManager.VERTICAL);
            mData = new ArrayList<>();
            mData.add("111111111111");
            mData.add("2222222222222");
            mData.add("3333333333");
            mData.add("444444444444444");
            mData.add("55555555555");
            mData.add("6666666666666666666");
            mData.add("7777777777777777777");
            mData.add("888888888888888888888");
            mData.add("99999999999999999");
            mData.add("10101010010101010");
            mData.add("111111111111");
            mData.add("2222222222222");
            mData.add("3333333333");
            mData.add("444444444444444");
            mData.add("55555555555");
            mData.add("6666666666666666666");
            mData.add("7777777777777777777");
            mData.add("888888888888888888888");
            mData.add("99999999999999999");
            mData.add("10101010010101010");
            mData.add("111111111111");
            mData.add("2222222222222");
            mData.add("3333333333");
            mData.add("444444444444444");
            mData.add("55555555555");
            mData.add("6666666666666666666");
            mData.add("7777777777777777777");
            mData.add("888888888888888888888");
            mData.add("99999999999999999");
            mData.add("10101010010101010");
            mAdapter = new TextAdapter(this, mData);
            mRecyclerView.setLayoutManager(mLayoutManger);
            ScaleAnimation scaleAnimation = new ScaleAnimation(0.1f, 1.0f,0.1f,1.0f);//缩放动画
            scaleAnimation.setDuration(500);
            scaleAnimation.setInterpolator(new LinearInterpolator());
            LayoutAnimationController controller = new LayoutAnimationController(scaleAnimation);
            controller.setDelay(2);//两倍duration间隔
            controller.setInterpolator(new LinearInterpolator());//设置线性插值器
            mRecyclerView.setLayoutAnimation(controller);//设置动画
            mRecyclerView.setAdapter(mAdapter);
    
        }
    }
    
    

    controller.setInterpolator(new LinearInterpolator());
    修改为

     ScaleAnimation scaleAnimation = new ScaleAnimation(0.1f, 1.0f,0.1f,1.0f);
            scaleAnimation.setDuration(500);
            scaleAnimation.setInterpolator(new LinearInterpolator());
            LayoutAnimationController controller = new LayoutAnimationController(scaleAnimation);
            controller.setDelay(2);
            controller.setInterpolator(new AccelerateInterpolator());
            mRecyclerView.setLayoutAnimation(controller);
            mRecyclerView.setAdapter(mAdapter);
    

    修改为倒序:

     ScaleAnimation scaleAnimation = new ScaleAnimation(0.1f, 1.0f,0.1f,1.0f);
            scaleAnimation.setDuration(500);
            scaleAnimation.setInterpolator(new LinearInterpolator());
            LayoutAnimationController controller = new LayoutAnimationController(scaleAnimation);
            controller.setDelay(2);
            controller.setOrder(LayoutAnimationController.ORDER_REVERSE);
            controller.setInterpolator(new LinearInterpolator());
            mRecyclerView.setLayoutAnimation(controller);
            mRecyclerView.setAdapter(mAdapter);
    

    3 代码实现

    <?xml version="1.0" encoding="utf-8"?>
    <set xmlns:android="http://schemas.android.com/apk/res/android">
    <scale android:fromXScale="0.1"
        android:toXScale="1.0"
        android:fromYScale="0.1"
        android:toYScale="1.0"
        android:duration="500"/>
    </set>
    
    <?xml version="1.0" encoding="utf-8"?>
    <layoutAnimation xmlns:android="http://schemas.android.com/apk/res/android"
        android:animation="@anim/scale"
        android:animationOrder="normal"
        android:delay="1.0">
    </layoutAnimation>
    

    使用:

    <?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:app="http://schemas.android.com/apk/res-auto"
        xmlns:tools="http://schemas.android.com/tools"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical"
        tools:context=".Main2Activity">
    <android.support.v7.widget.RecyclerView
        android:id="@+id/recycler_view"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layoutAnimation="@anim/layoutanim">
    
    </android.support.v7.widget.RecyclerView>
    
    </LinearLayout>
    

    Animation动画概述和执行原理
    Android动画之补间动画TweenAnimation
    Android动画之逐帧动画FrameAnimation
    Android动画之插值器简介和系统默认插值器
    Android动画之插值器Interpolator自定义
    Android动画之视图动画的缺点和属性动画的引入
    Android动画之ValueAnimator用法和自定义估值器
    Android动画之ObjectAnimator实现补间动画和ObjectAnimator自定义属性
    Android动画之ObjectAnimator中ofXX函数全解析-自定义Property,TypeConverter,TypeEvaluator
    Android动画之AnimatorSet联合动画用法
    Android动画之LayoutTransition布局动画
    Android动画之共享元素动画
    Android动画之ViewPropertyAnimator(专用于view的属性动画)
    Android动画之Activity切换动画overridePendingTransition实现和Theme Xml方式实现
    Android动画之ActivityOptionsCompat概述
    Android动画之场景变换Transition动画的使用
    Android动画之Transition和TransitionManager使用
    Android动画之圆形揭露动画Circular Reveal
    Android 动画之 LayoutAnimation 动画
    Android动画之视图动画的缺点和属性动画的引入

    相关文章

      网友评论

          本文标题:Android 动画之 LayoutAnimation 动画

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