8.布局动画

关于ViewGroup中添加子View的统一入场/出场动画

layoutAnimation:布局动画

api1中就有的方法,所以添加的动画时Animation。该属性只对创建ViewGroup时,对其子View有动画。已经创建过了该ViewGroup的话,再向其添加子View不会有动画。
什么时候是创建的时候:在onCreat方法中(不清楚具体时间点),在代码中生成的Viewgroup。

  • onCreat创建加载布局时:
<?xml version="1.0" encoding="utf-8"?>
<rotate xmlns:android="http://schemas.android.com/apk/res/android"
    android:interpolator="@android:anim/accelerate_interpolator"
    android:fromDegrees="0"
    android:toDegrees="270"
    android:pivotX="50%"
    android:pivotY="50%"
    android:duration="1000"
    android:repeatMode = "reverse"
    android:repeatCount = "3"
    android:fillAfter = "true"
    >
</rotate>

// layoutAnimation标签
<?xml version="1.0" encoding="utf-8"?>
<layoutAnimation
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:delay="1"
    android:animationOrder="normal"
    android:animation="@anim/rotate_anim">
</layoutAnimation>

//定义在LinearLayout上,在该界面生成时,Button显示动画。但是,后面在LinearLayout中添加Button时,不再有动画。
 <LinearLayout
        android:id="@+id/ll_tips_target_animation"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layoutAnimation="@anim/layout_animation"
        android:tag="在xml中设置的layoutAnimation"
        android:orientation="vertical">
        <Button
            style="@style/base_button"
            android:text="ViewGroup初始化时,子View有动画"/>
    </LinearLayout>
  • 代码中动态设置layoutAnimation,添加View
        //代码生成ViewGroup
        LinearLayout linear = new LinearLayout(this);

        Animation animation = AnimationUtils.loadAnimation(this, R.anim.rotate_anim);
        LayoutAnimationController controller = new LayoutAnimationController(animation);
        controller.setDelay(1);
        //动画模式,正常/倒叙/随机
        controller.setOrder(LayoutAnimationController.ORDER_NORMAL);
        //设置layoutAnimation
        linear.setLayoutAnimation(controller);
        linear.setLayoutAnimationListener(new Animation.AnimationListener() {
            @Override
            public void onAnimationStart(Animation animation) {
                Log.e(TAG, "onAnimationStart: start" );
            }

            @Override
            public void onAnimationEnd(Animation animation) {
                Log.e(TAG, "onAnimationEnd: end" );
            }

            @Override
            public void onAnimationRepeat(Animation animation) {
                Log.e(TAG, "onAnimationRepeat: repeat" );
            }
        });

        LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(LinearLayout.LayoutParams.MATCH_PARENT, LinearLayout.LayoutParams.WRAP_CONTENT);
        linear.setLayoutParams(params);
        //给该ViewGroup添加子View,子View会有动画。
        addVeiw(linear,null);
        //创建的新ViewGroup添加,显示出来
        llTargetAnim.addView(linear, 0);
  • 使用场景:

该属性只有ViewGroup创建的时候才能有效果,所以不适合动态添加子View的操作显示动画。一般做界面显示的时候的入场动画,比如打开一个界面,多个固定不变的item有动画的显示出来。(进入设置界面,信息展示界面)。

android:animateLayoutChanges属性:

Api11后,添加/移除子View时所带的默认动画,在Xml中设置。不能自定义动画,只能使用默认的。所以,使用范围较小。

        <LinearLayout
        android:animateLayoutChanges="true"
        />
image

LayoutTransition 布局容器动画

animateLayoutChanges只能使用默认动画,LayoutTransition可以自定义动画,并且也不用非得创建ViewGroup时才能显示动画,后面添加子View也能显示。

        LayoutTransition layoutTransition = new LayoutTransition();
        //添加的View显示动画
        ObjectAnimator animatorAdd = ObjectAnimator.ofFloat(null,"ScaleX",1.0f,1.5f,1.0f);
        animatorAdd.setDuration(1000);
        layoutTransition.setAnimator(LayoutTransition.APPEARING, animatorAdd);
        
        //添加View时,已经有的View显示的动画。但是demo没有显示该动画。
        PropertyValuesHolder valuesHolder = PropertyValuesHolder.ofFloat("rotation",0f,22f,0f);
        ValueAnimator animatorOld = ObjectAnimator.ofPropertyValuesHolder(llTargetAnim, valuesHolder);
        animatorOld.setDuration(2000);
        layoutTransition.setAnimator(LayoutTransition.CHANGE_APPEARING, animatorOld);
        
        layoutTransition.addTransitionListener(new LayoutTransition.TransitionListener() {
            @Override
            public void startTransition(LayoutTransition transition, ViewGroup container, View view, int transitionType) {
                Log.e(TAG, "startTransition: start" );
            }

            @Override
            public void endTransition(LayoutTransition transition, ViewGroup container, View view, int transitionType) {
                Log.e(TAG, "endTransition: end" );
            }
        });
        llTargetAnim.setLayoutTransition(layoutTransition);
        addVeiw(llTargetAnim,"添加的View动画和已有View的动画");

LayoutTransition有很多坑,属性值第一和最后一个什么时候必须一样,什么时候必须用PropertyValuesHolder封装属性...不研究了,麻蛋就这样.

资料

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 194,491评论 5 459
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 81,856评论 2 371
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 141,745评论 0 319
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,196评论 1 263
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 61,073评论 4 355
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,112评论 1 272
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,531评论 3 381
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,215评论 0 253
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,485评论 1 290
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,578评论 2 309
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,356评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,215评论 3 312
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,583评论 3 299
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 28,898评论 0 17
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,174评论 1 250
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,497评论 2 341
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,697评论 2 335

推荐阅读更多精彩内容