Snackbar 的簡單使用

在 Android Design Support Library 中有個 Snackbar 。

Snackbar 提供了一個類似於 Toast 的組件，該組件存在於屏幕的底部靠左邊的位置，Snackbar  出現在屏幕上的所有其他元素之上，且只有一個只有一個可以同時顯示。

Snackbar 的 setAction(CharSequence, android.view.View.OnClickListener)。方法能夠有點擊事件，有些類似於 AlertDialog。

Snackbar 也可以自定義，其自定義方式和 Toast 類似 （自定義的 Toast 如前文：http://blog.csdn.net/antimage08/article/details/50242327），只是 Snackbar 只顯示在屏幕底部的左下角。

其效果如下：

首先添加支持庫（其中design:23.1.1可修改）：

content_main.xml :

<?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.androiddesigntest.MainActivity"
    tools:showIn="@layout/activity_main">

    <Button
        android:id="@+id/button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Snackbar 默認的顯示" />

    <Button
        android:id="@+id/button2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Snackbar 自定義的顯示"/>
</LinearLayout>

MainActivity.java :

package com.crazy.androiddesigntest;

import android.graphics.Color;
import android.os.Bundle;
import android.support.design.widget.Snackbar;
import android.support.v7.app.AppCompatActivity;
import android.support.v7.widget.Toolbar;
import android.view.Gravity;
import android.view.View;
import android.widget.Button;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.TextView;
import android.widget.Toast;


public class MainActivity extends AppCompatActivity implements View.OnClickListener {

    private Button button1, button2;
    private Snackbar snackbar = null;
    private Toast toast = null;

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

        button1 = (Button)findViewById(R.id.button);
        button2 = (Button)findViewById(R.id.button2);

        button1.setOnClickListener(this);
        button2.setOnClickListener(this);

    }

    @Override
    public void onClick(View v) {
        switch (v.getId()) {
            case R.id.button:
                buttonClick(v);
                break;
            case R.id.button2:
                buttonClickTwo(v);
                break;
        }
    }

    private void buttonClick (View v){
        Snackbar.make(v, "點擊顯示新的組件 Snackbar ", Snackbar.LENGTH_LONG)
                .setAction("你還可以點擊此處", new View.OnClickListener() {
                    @Override
                    public void onClick(View v) {
                        Toast.makeText(MainActivity.this,
                                "Toast的內容",Toast.LENGTH_SHORT).show();
                    }
                }).show();
    }

    private void buttonClickTwo(View v){
        snackbar = Snackbar.make(v, "自定義的 Snackbar", Snackbar.LENGTH_LONG);
        LinearLayout layout = (LinearLayout) snackbar.getView();

        ImageView image = new ImageView(this);
        image.setImageResource(R.drawable.tools);

        layout.addView(image, 0);
        snackbar.setAction("點擊此處", new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                clickForToast();
            }
        });
        snackbar.show();
    }

    private void clickForToast(){
        toast = new Toast(this);
        toast.setGravity(Gravity.CENTER, 50, -100);

        ImageView image = new ImageView(this);
        image.setImageResource(R.drawable.tools);

        LinearLayout ll = new LinearLayout(this);
        ll.addView(image);

        TextView textView = new TextView(this);
        textView.setText("帶圖片的Toast顯示");
        textView.setTextSize(24);
        textView.setTextColor(Color.RED);
        ll.addView(textView);

        // 設置 Toast 顯示自定義 View
        toast.setView(ll);
        toast.setDuration(Toast.LENGTH_LONG);
        toast.show();
    }
}