androidX , 转场动画 ，动画过度

1： 依赖

   implementation 'androidx.appcompat:appcompat:1.1.0'
    implementation 'com.google.android.material:material:1.1.0'
    implementation 'androidx.constraintlayout:constraintlayout:1.1.3'

2： XML

<?xml version="1.0" encoding="utf-8"?>
<androidx.coordinatorlayout.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"

    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <View
        android:id="@+id/scrim"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="#c3c3c3"
         android:visibility="invisible"
        app:layout_behavior="@string/fab_transformation_scrim_behavior"/>


    <com.google.android.material.floatingactionbutton.FloatingActionButton
        android:id="@+id/fab"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="bottom|right"
        android:contentDescription="FAB"

        />
    <com.google.android.material.transformation.TransformationChildLayout
        android:id="@+id/sheet"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_margin="50dp"
        android:layout_gravity="bottom|right"
        android:visibility="invisible"
        app:cardElevation="2dp"
        app:layout_behavior="@string/fab_transformation_sheet_behavior"
        android:background="#fff000">

        <Button
            android:id="@+id/close_button"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="top|end"
            android:padding="12dp"
             android:text="关闭"
            android:scaleType="fitCenter"
           />

        <!-- TransformationChildCard can contain arbitrary content provided by the app. -->
        <FrameLayout
            android:layout_width="200dp"
            android:layout_height="300dp"
            android:padding="20dp">

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Expanded"/>
            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center"
                android:text="floating"/>
            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="bottom|right"
                android:text="sheet"/>
        </FrameLayout>
    </com.google.android.material.transformation.TransformationChildLayout>

</androidx.coordinatorlayout.widget.CoordinatorLayout>

3： activity

package com.vily.android10;

import android.os.Bundle;
import android.view.View;
import android.widget.Button;

import androidx.annotation.Nullable;
import androidx.appcompat.app.AppCompatActivity;

import com.google.android.material.floatingactionbutton.FloatingActionButton;
import com.google.android.material.transformation.TransformationChildCard;
import com.google.android.material.transformation.TransformationChildLayout;

/**
 *  * description : 
 *  * Author : Vily
 *  * Date : 2020-05-08
 *  
 **/
public class TranslationAc extends AppCompatActivity {

    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_translation);


        final FloatingActionButton fab = findViewById(R.id.fab);
        TransformationChildLayout sheet =  findViewById(R.id.sheet);
        Button close_button = findViewById(R.id.close_button);

        View scrim = findViewById(R.id.scrim);



        fab.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                fab.setExpanded(!fab.isExpanded());
            }
        });

        close_button.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                fab.setExpanded(false);
            }
        });
        scrim.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                 fab.setExpanded(false);
            }
        });
    }
}

4：GIF