63、具有过渡动画效果的布局Layout

下面，下来看一个Demo的效果，代码如下：

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/root_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">
    <android.support.design.widget.FloatingActionButton
        android:id="@+id/fab_btn"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="bottom|right"
        android:layout_margin="10dp"
        android:src="@drawable/ic_launcher"
        app:fabSize="normal"/>
</FrameLayout>

 import android.os.Bundle;
 import android.support.design.widget.FloatingActionButton;
 import android.support.design.widget.Snackbar;
 import android.support.v7.app.AppCompatActivity;
 import android.view.View;
 import android.widget.FrameLayout;
 
 public class MainActivity2 extends AppCompatActivity {
     private FloatingActionButton fab_btn = null;
     private FrameLayout root_layout = null;

     @Override
     protected void onCreate(Bundle savedInstanceState) {
         super.onCreate(savedInstanceState);
         setContentView(R.layout.activity_main2);
 
         root_layout = (FrameLayout) this.findViewById(R.id.root_layout);
         fab_btn = (FloatingActionButton) this.findViewById(R.id.fab_btn);
         fab_btn.setOnClickListener(new View.OnClickListener() {
             @Override
             public void onClick(View v) {
                 Snackbar.make(root_layout, "我出来了", Snackbar.LENGTH_LONG)
                         .setAction("知道了", new View.OnClickListener() {
                     @Override
                     public void onClick(View v) {
                     }
                 }).show();
             }
         });
     }
 }

如上图所示，问题出来了，底部弹出来的把浮动的小圆给挡住了。这样到然是有问题的。所以需要再次进行修改。

修改代码如下：

 <android.support.design.widget.CoordinatorLayout
     xmlns:android="http://schemas.android.com/apk/res/android"
     xmlns:app="http://schemas.android.com/apk/res-auto"
     android:id="@+id/root_layout"
     android:layout_width="match_parent"
     android:layout_height="match_parent"
     android:orientation="vertical">
     <android.support.design.widget.FloatingActionButton
         android:id="@+id/fab_btn"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:layout_gravity="bottom|right"
         android:layout_margin="10dp"
         android:src="@drawable/ic_launcher"
         app:fabSize="normal"/>
 </android.support.design.widget.CoordinatorLayout>

 package com.example.com.designdemo;
 
 import android.os.Bundle;
 import android.support.design.widget.CoordinatorLayout;
 import android.support.design.widget.FloatingActionButton;
 import android.support.design.widget.Snackbar;
 import android.support.v7.app.AppCompatActivity;
 import android.view.View;
 
 public class MainActivity2 extends AppCompatActivity {
     private FloatingActionButton fab_btn = null;
     private CoordinatorLayout root_layout = null;

     @Override
     protected void onCreate(Bundle savedInstanceState) {
         super.onCreate(savedInstanceState);
         setContentView(R.layout.activity_main2);
 
         root_layout = (CoordinatorLayout) this.findViewById(R.id.root_layout);
         fab_btn = (FloatingActionButton) this.findViewById(R.id.fab_btn);
         fab_btn.setOnClickListener(new View.OnClickListener() {
             @Override
             public void onClick(View v) {
                 Snackbar.make(root_layout, "我出来了", Snackbar.LENGTH_LONG)
                         .setAction("知道了", new View.OnClickListener() {
                             @Override
                             public void onClick(View v) {
                             }
                         }).show();
             }
         });
     }
 }

现在的效果就不会被挡住了，只需要把最外层的 FrameLayout修改成CoordinatorLayout 即可，非常方便。