Snackbar的使用

Snackbar的目的，就是用来代替Toast的。

private void initView() {
    fab = (FloatingActionButton) findViewById(R.id.fab);
    fab.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View v) {
            Log.d("tag","小图标");
            Toast.makeText(MainActivity.this,"我是fab",Toast.LENGTH_SHORT).show();
            //第一个参数的含义：The view to find a parent from
            Snackbar.make(fab,"这是一个Snackbar",Snackbar.LENGTH_SHORT).show();
        }
    });
}

Snackbar里面有多种方法：

如：

package com.canary.fabdemo;

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

public class MainActivity extends AppCompatActivity {

    private FloatingActionButton fab;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        initView();
    }

    private void initView() {
        fab = (FloatingActionButton) findViewById(R.id.fab);
        fab.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                Log.d("tag","小图标");
                Toast.makeText(MainActivity.this,"我是fab",Toast.LENGTH_SHORT).show();
                //第一个参数的含义：The view to find a parent from
                Snackbar snackbar = Snackbar.make(fab, "这是一个Snackbar", Snackbar.LENGTH_SHORT);
                snackbar.setCallback(new Snackbar.Callback() {
                    @Override
                    public void onDismissed(Snackbar snackbar, int event) {
                        super.onDismissed(snackbar, event);
                        Log.d("tag","Snackbar消失了");
                    }

                    @Override
                    public void onShown(Snackbar snackbar) {
                        super.onShown(snackbar);
                        Log.d("tag","Snackbar出现了");
                    }
                });
                snackbar.show();
            }
        });
    }
}

效果如下：

此外，我们可以在Snackbar上面添加文字并给予点击事件：

package com.canary.fabdemo;

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

public class MainActivity extends AppCompatActivity {

    private FloatingActionButton fab;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        initView();
    }

    private void initView() {
        fab = (FloatingActionButton) findViewById(R.id.fab);
        fab.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                Log.d("tag","小图标");
                Toast.makeText(MainActivity.this,"我是fab",Toast.LENGTH_SHORT).show();
                //第一个参数的含义：The view to find a parent from
                Snackbar snackbar = Snackbar.make(fab, "这是一个Snackbar", Snackbar.LENGTH_SHORT);
                snackbar.setCallback(new Snackbar.Callback() {
                    @Override
                    public void onDismissed(Snackbar snackbar, int event) {
                        super.onDismissed(snackbar, event);
                        Log.d("tag","Snackbar消失了");
                    }

                    @Override
                    public void onShown(Snackbar snackbar) {
                        super.onShown(snackbar);
                        Log.d("tag","Snackbar出现了");
                    }
                });

                snackbar.setAction("点击", new View.OnClickListener() {
                    @Override
                    public void onClick(View v) {
                        Log.d("tag","我被点击了");
                    }
                });
                snackbar.show();
            }
        });
    }
}

展示：

注意到了，这个Snackbar会遮盖住FAB，也就是那个小绿色的图标。若不想被遮盖住，这里我们需要用到一个协调布局：CoordinatorLayout。

CoordinatorLayout可以协调多个布局间的位置关系。让FloatActionBar上下滑动，为Snackbar留出空间；拓展或折叠toolbar；控制view扩展或收缩，以及大小比例等。

对布局略作改动：

效果展示：