android 悬浮按钮

    这里介绍一下悬浮按钮-----FloatingtActionButton的实现，以及会出现的问题。

    布局文件activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout
    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"
    tools:context="com.example.drawerlayout.MainActivity">
    <!-- app:elevation="8dp"  elevation属性来给FloatingActionBar指定一个高度值，值越大，投影范围越大，投影效果越淡-->
    <android.support.design.widget.FloatingActionButton
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/fab"
        android:layout_margin="16dp"
        android:layout_gravity="bottom|end"
        android:src="@drawable/ic_done"
        app:elevation="8dp"/>
    
</FrameLayout>

MainActity.java

package com.example.drawerlayout;

import android.support.design.widget.FloatingActionButton;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.Toast;

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        //找到控件
        FloatingActionButton fab = (FloatingActionButton) findViewById(R.id.fab);
        //设置监听
        fab.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                Toast.makeText(MainActivity.this,"FAB clicked",Toast.LENGTH_SHORT).show();
            }
        });
    }
}

运行结果：

    这里我们在MainActivity.java 中只设置了一个简单的弹出Toast，没有写什么业务逻辑。还有这里为什么悬浮按钮的背景是颜色是红色呢？因为悬浮按钮会默认使用colorAccent来作为按钮的颜色。

     其实我们可以不用Toast的提示，可以用Snackbar来作为提示工具。其实Snakebar的用法也是很简单。

     修改MainActivity中代码：

   

  //设置监听
        fab.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                //Toast.makeText(MainActivity.this,"FAB clicked",Toast.LENGTH_SHORT).show();
                Snackbar.make(v,"Data delete",Snackbar.LENGTH_LONG)
                        .setAction("Undo", new View.OnClickListener() {
                            @Override
                            public void onClick(View v) {
                                Toast.makeText(MainActivity.this,"Data resored",Toast.LENGTH_SHORT).show();
                            }
                        })
                        .show();
            }
        });

运行结果：

   这里调用Snackbar的make（）方法来创建一个Snackbar对象，make（）方法的第一个参数需要传入一个View，只要是当前界面布局的任意一个View都可以，第二个参数是Snackbar中显示的内容，第三个参数是Snackbar显示的时长。

  setAction（）方法来设置一个动作，从而让Snackbar不仅仅是一个提示，而是可以和用户进行交互的。

   但是我们会发现一个BUG，这个Snackbar竟然把悬浮按钮给遮挡住啦。那应该怎么解决这个问题呢？ 其实只要借助CoordinatorLayout就可以轻松结果啦。

  CoordinatorLayout可以说是FrameLayout的加强版。所以我们只需把原来的FrameLayout替换成CoordinatorLayout就可以的。

  运行结果就为：