布局变化时的动画

应用程序动态地添加或移除布局中的视图。使用 LayoutTransition 对象自定义布局中对视图结构修改后的动画效果,需要在 XML 中设置 android:animateLayoutChanges 标识或者在 Java 代码中添加一个 LayoutTransition 对象,即可实现任何 ViewGroup 改变布局时的动画效果。效果如下:


应用程序可以为下面任何一种状态设置自定义动画:

APPEARING : 容器中出现一个视图。

DISAPPEARING : 容器中消失一个视图。

CHANGING : 布局改变导致某个视图随机改变,但不包括添加或者移除视图。

CHANGE_APPEARING : 其他视图的出现导致某个视图改变。

CHANGE_DISAPPEARING : 其他视图的消失导致某个视图改变。


content_main.xml : (AndroidStudio1.5)


<?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:gravity="center_horizontal"
    android:orientation="vertical"
    app:layout_behavior="@string/appbar_scrolling_view_behavior"
    tools:context="com.crazy.bujudonghua.MainActivity"
    tools:showIn="@layout/activity_main">

    <Button
        android:id="@+id/bt_add"
        android:onClick="onAddClick"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="点击添加" />
    <LinearLayout
        android:id="@+id/verticalContainer"
        android:animateLayoutChanges="true"
        android:orientation="vertical"
        android:layout_width="match_parent"
        android:layout_height="match_parent">

    </LinearLayout>
</LinearLayout>

MainActivity.java :

package com.crazy.bujudonghua;

import android.animation.Animator;
import android.animation.LayoutTransition;
import android.animation.ObjectAnimator;
import android.animation.PropertyValuesHolder;
import android.os.Bundle;
import android.support.design.widget.FloatingActionButton;
import android.support.design.widget.Snackbar;
import android.support.v7.app.AppCompatActivity;
import android.support.v7.widget.Toolbar;
import android.view.View;
import android.view.Menu;
import android.view.MenuItem;
import android.view.ViewGroup;
import android.view.animation.Animation;
import android.widget.Button;
import android.widget.LinearLayout;

public class MainActivity extends AppCompatActivity {

    LinearLayout mContainer;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
        setSupportActionBar(toolbar);

        mContainer = (LinearLayout)findViewById(R.id.verticalContainer);
        LayoutTransition transition = new LayoutTransition();
        mContainer.setLayoutTransition(transition);

        // 通过翻转进入的动画代替默认的出现动画
        Animator appearAnim = ObjectAnimator.ofFloat(null,
                "rotationY", 90f, 0f).setDuration(
                transition.getDuration(LayoutTransition.APPEARING));
        transition.setAnimator(LayoutTransition.APPEARING, appearAnim);

        // 通过翻转消失的动画代替默认的消失动画
        Animator disappearAnim = ObjectAnimator.ofFloat(null,
                "rotationZ", 0f, 90f).setDuration(
                transition.getDuration(LayoutTransition.DISAPPEARING));
        transition.setAnimator(LayoutTransition.DISAPPEARING, disappearAnim);

        // 通过滑动动画代替默认的布局改变时的动画
        // 设置动画属性,所以创建多个 PropertyValuesHolder 对象的动画,
        // 这个动画会让视图滑动进入并短暂的缩小一半长度
        PropertyValuesHolder pvhSlide = PropertyValuesHolder.ofFloat("y", 0, 1);
        PropertyValuesHolder pvhScaleY =
                PropertyValuesHolder.ofFloat("scaleY", 1f, 0.5f, 1f);
        PropertyValuesHolder pvhScaleX =
                PropertyValuesHolder.ofFloat("scaleX", 1f, 0.5f, 1f);

        Animator changingAppearingAnim =
                ObjectAnimator.ofPropertyValuesHolder(
                        this, pvhSlide, pvhScaleY, pvhScaleX);

        changingAppearingAnim.setDuration(
                transition.getDuration(
                        LayoutTransition.CHANGE_DISAPPEARING));

        transition.setAnimator(LayoutTransition.CHANGE_DISAPPEARING,
                changingAppearingAnim);
    }

    public void onAddClick(View v){

        Button button = new Button(this);
        button.setText("点击删除");
        button.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                mContainer.removeView(v);
            }
        });

        mContainer.addView(button,
                new LinearLayout.LayoutParams(
                        ViewGroup.LayoutParams.MATCH_PARENT
                        , ViewGroup.LayoutParams.WRAP_CONTENT));
    }

}


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值