android的Snackbar使用入门

原文

android的Snackbar使用入门

Snackbar是什么

Snackbar就像一个高级版的Toast，具有反馈，用法也和Toast差不多。

Look：（借用别人的图，侵删）

Snackbar的一些优点

• 具有反馈效果。点击按钮，消失或者显示都有相应的事件。
• 样式可以修改。虽然只能改改颜色来契合主题。

Snackbar的使用方法

加入依赖包

app的gradle中加入依赖

compile 'com.android.support:design:24.1.0'

代码如下

MainActivity.java

package com.qefee.pj.testsnackbar;import android.support.design.widget.Snackbar;import android.support.v4.content.ContextCompat;import android.support.v7.app.AppCompatActivity;import android.os.Bundle;import android.util.Log;import android.view.View;import android.widget.Button;import android.widget.Toast;public class MainActivity extends AppCompatActivity {    /**     * log tag for MainActivity     */    private static final String TAG = "MainActivity";    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_main);        Button showButton = (Button) findViewById(R.id.showButton);        showButton.setOnClickListener(new View.OnClickListener() {            @Override            public void onClick(View view) {                final Snackbar snackbar = Snackbar.                        make(view, "测试title", Snackbar.LENGTH_LONG);                snackbar.setAction("点我试试", new View.OnClickListener() { // 设置点击事件                    @Override                    public void onClick(View view) {                        Toast.makeText(MainActivity.this, "点击了Snackbar", Toast.LENGTH_SHORT).show();                        snackbar.dismiss();                    }                }).show();            }        });        Button customButton = (Button) findViewById(R.id.customButton);        customButton.setOnClickListener(new View.OnClickListener() {            @Override            public void onClick(View view) {                final Snackbar snackbar = Snackbar.                        make(view, "这里是标题", Snackbar.LENGTH_LONG);                int buttonColor = ContextCompat.getColor(MainActivity.this, android.R.color.holo_orange_light);                int backgroundColor = ContextCompat.getColor(MainActivity.this, android.R.color.holo_blue_light);                snackbar.setActionTextColor(buttonColor); // 设置点击按钮的字体颜色                snackbar.getView().setBackgroundColor(backgroundColor); // 设置点击Snackbar背景颜色                snackbar.setCallback(new Snackbar.Callback() { // 设置回调函数                    @Override                    public void onDismissed(Snackbar snackbar, int event) { // 当Snackbar消失的时候回调                        super.onDismissed(snackbar, event);                        Log.i(TAG, "onDismissed: event = " + event);                    }                    @Override                    public void onShown(Snackbar snackbar) { // 当Snackbar显示的时候回调                        super.onShown(snackbar);                        Log.i(TAG, "onShown: ");                    }                });                snackbar.setAction("点我试试", new View.OnClickListener() { // 设置点击事件                    @Override                    public void onClick(View view) {                        Toast.makeText(MainActivity.this, "点击了Snackbar", Toast.LENGTH_SHORT).show();                        snackbar.dismiss();                    }                }).show();            }        });    }}

activity_main.xml

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    xmlns:tools="http://schemas.android.com/tools"    android:layout_width="match_parent"    android:layout_height="match_parent"    android:paddingBottom="@dimen/activity_vertical_margin"    android:paddingLeft="@dimen/activity_horizontal_margin"    android:paddingRight="@dimen/activity_horizontal_margin"    android:paddingTop="@dimen/activity_vertical_margin"    android:orientation="vertical"    tools:context="com.qefee.pj.testsnackbar.MainActivity">    <Button        android:id="@+id/showButton"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:text="show" />    <Button        android:id="@+id/customButton"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:text="custom" /></LinearLayout>

参考文章

• 还在用Toast？你Out啦，试试Snackbar吧！
• 欢迎使用Snackbar
• Android Design Support Library使用详解