android.support.design库的一些用法

开始之前做一下准备工作,就是把sdk manager里的android support library升级到最新,我目前最新的版本为23.0.1,看看sdk目录里有没有这个文件夹:如下图:



有的话,说明下载时ok的,然后在app的build.gradle的dependencies节点下配置如下一行代码,即可把design支持包添加到项目中,如下图:



ok,准备工作做好之后,就可以使用该支持包里的相关组件了.

1,Snackbar

和Toast类似:Toast不能响应任何事件,但是可以控制显示的位置.

Snackbar不能控制显示的位置,它只能显示在屏幕的底部,但是却可以响应点击事件,界面比Toast好看多了,并且控制它的界面也较为简单,

Snackbar的显示方式和Toast类似,都是利用makeText().show()来显示,若要让Snackbar响应点击事件,必须设置一个action,这是与Toast不同的地方,还有一个地方不同,那就是:makeText()的第一个参数不同,Toast的第一个参数为上下文,而Snackbar的第一个参数为View类型的参数,这个参数应该为触发Snackbar显示的view.

Snackbar还有一些自己的独有方法:如下:

(1),setAction(java.lang.CharSequence text, @Nullable android.view.View.OnClickListener listener):用来响应点击事件

(2)isShown(): Snackbar是否正在显示

(3)setActionTextColor(android.content.res.ColorStateList colors):用来设置setAction()方法中第一个参数的颜色

(4)setText():用来设置Snackbar的提示文本,若设置这个属性,则会覆盖Snackbar.makeText()第二个参数的内容

(5)setDuration();用来设置Snackbar显示的时长,若设置该属性,则会覆盖Snackbar.makeText()第三个参数的内容

(6)setCallback():用来设置Snackbar的回调函数,有两个方法需要重写第一个为:onShown()当Snackbar正在显示时调用,第二个为onDismissed()当Snackbar消失时调用

下面为具体的代码:

public void click(View view) {
        //View inflate = LayoutInflater.from(MainActivity.this).inflate(R.layout.view_layout, null);
        //自己写一个布局加载进去无效,会报空指针,所以第一个参数View应该为触发Snackbar显示的View,这里为button
        Snackbar.make(view, "你点击了按钮", Snackbar.LENGTH_LONG).setAction("知道了", new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                Toast.makeText(getApplicationContext(), "点击消失", Toast.LENGTH_SHORT).show();
            }
        }).setActionTextColor(Color.YELLOW).setCallback(new Snackbar.Callback() {
            //当Snackbar正在显示时调用
            @Override
            public void onShown(Snackbar snackbar) {
                super.onShown(snackbar);
                //snackbar.setActionTextColor(Color.RED);
            }

            //当Snackbar消失时调用,这个消失包括手动点击消失和时间到了自动消失
            @Override
            public void onDismissed(Snackbar snackbar, int event) {
                super.onDismissed(snackbar, event);
                Toast.makeText(getApplicationContext(), "已经消失了", Toast.LENGTH_SHORT).show();
            }
        }).show();
    }

2,android.support.design.widget.NavigationView 基本用法

这个类主要和android.support.v4.widget.DrawerLayout一起搭配使用,实现侧滑菜单效果,直接上代码吧,这样最直观.

<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    >

    <android.support.v4.widget.DrawerLayout
        android:id="@+id/drawer"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:fitsSystemWindows="true">

        <!-- 主内容布局-->
        <include layout="@layout/test_layout"/>
        <!--侧滑菜单
        app:headerLayout="@layout/test1" 用于添加侧滑菜单头部布局
            app:menu="@menu/menu_main"  用于添加侧滑菜单的菜单选项
            这两个属性是最核心的属性-->
        <android.support.design.widget.NavigationView
            android:id="@+id/navigation"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:layout_gravity="start"
            app:headerLayout="@layout/test1"
            app:menu="@menu/menu_main"/>

    </android.support.v4.widget.DrawerLayout>

</LinearLayout>

同时可以在android.support.design.widget.NavigationView控件里控制android:layout_width="",进而来控制侧滑菜单的宽度,这样简单的几个布局文件就实现了侧滑菜单效果,来张效果图吧:



若要对侧滑菜单里的相关项进行控制怎么做呢,首先头布局很简单,因为头布局加载的是layout,所以监听事件直接找到相关的控件,然后设置监听即可,

那么怎么控制下方的每条item的监听事件呢,官方早就帮我们想好了,还是直接上代码吧:如下:

package com.example.administrator.designlibrarydemo;

import android.os.Bundle;
import android.support.design.widget.NavigationView;
import android.support.design.widget.Snackbar;
import android.support.v4.widget.DrawerLayout;
import android.support.v7.app.AppCompatActivity;
import android.view.MenuItem;
import android.view.View;

public class MainActivity extends AppCompatActivity {
    private NavigationView navigation;
    private DrawerLayout drawer;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        drawer = (DrawerLayout) findViewById(R.id.drawer);
        navigation = (NavigationView) findViewById(R.id.navigation);
        navigation.setNavigationItemSelectedListener(new NavigationView.OnNavigationItemSelectedListener() {
            @Override
            public boolean onNavigationItemSelected(MenuItem menuItem) {
                Snackbar.make(navigation, "你点击了" + menuItem.getTitle(), Snackbar.LENGTH_LONG).setAction("知道了", new View.OnClickListener() {
                    @Override
                    public void onClick(View v) {
                        drawer.closeDrawers();//关闭侧滑菜单
                    }
                }).show();
                return false;
            }
        });
    }
}

利用navigation.setNavigationItemSelectedListener()即可对item设置监听,上个效果图:



上面Snackbar的点击功能为:当点击Snackbar的"知道了"按钮之后,就会关闭侧滑菜单.