<android.support.design.widget.TextInputLayout
android:id="@+id/textInput"
android:layout_width="match_parent"
android:layout_height="wrap_content">
<EditText
android:layout_width="match_parent"
android:layout_height="wrap_content" />
</android.support.design.widget.TextInputLayout>

editText.addTextChangedListener(new TextWatcher() {
           @Override
           public void beforeTextChanged(CharSequence s, int start, int count, int after) {

           }

           @Override
           public void onTextChanged(CharSequence s, int start, int before, int count) {
               Log.e("TAG",s.length()+"");
               if (s.length() > 4){//字符超过5个时，出现EditText提示
                   inputLayout.setError("字符不能超过5个");
                   inputLayout.setErrorEnabled(true);
               }else{
                   inputLayout.setErrorEnabled(false);
               }
           }

           @Override
           public void afterTextChanged(Editable s) {

           }
       });```

**注意项**
TextInputLayout中至少嵌套一个EditText。

### 2.3  SnackBar

**演示gif：**
![SnackBar.gif](http://upload-images.jianshu.io/upload_images/1916953-062d5cf239d70d6b.gif?imageMogr2/auto-orient/strip)


SnackBar提供一个轻量级的、快速的反馈。它可以说是一个增强功能的Toast，不同的是SnackBar被固定在底部（Snackbar试图找到一个合适的父亲以确保自己是被放置于底部），包含一段文本信息与一个可选的操作按钮。它会在时间到达时删除，或者被用户点击按钮提前删除。
**code**
SnackBar的使用十分简单，和Toast十分类似，使用下面代码就可以创建一个SnackBar：

此时如果，你想添加在SnackBar上添加一个按钮，你可以这样：

上面代码放在一起，就是动态图的效果。

**无特别注意项，和普通控件类似。**

###CoordinatorLayout

![CoordinatorLayout.gif](http://upload-images.jianshu.io/upload_images/1916953-bc762c058ab1fde0.gif?imageMogr2/auto-orient/strip)

我们来看看官方对他的描述：
- CoordinatorLayout is a super-poweredFrameLayout.
- CoordinatorLayout is intended for two primary use cases:1.As a top-level application decor or chrome layout2.As a container for a specific interaction with one or more child views
从这里我们可以知道它是一个增强版的FrameLayout，他可以协调其子View的交互，控制手势机滚动技巧。这个控件十分的强大，用处也十分的广泛。就比如刚才说的FloatingActionButton如果用CoordinatorLayout 作为FloatingActionButton的父布局，它将很好的协调Snackbar的显示与FloatingActionButton（见上图，可以见到FloatingActionButton随着SnackBar的出现而移动），在Snackbar以动画效果进入的时候自动向上移动让出位置，并且在Snackbar动画地消失的时候回到原来的位置，不需要额外的代码。

CoordinatorLayout的另一个用例是ActionBar与滚动技巧。你可能已经在自己的布局中使用了Toolbar ，它允许你更加自由的自定义其外观与布局的其余部分融为一体。Design library把这种设计带到了更高的水平，使用AppBarLayout可以让你的Toolbar与其他View（比如TabLayout的选项卡）能响应被标记了ScrollingViewBehavior的View的滚动事件。

**code**

**无特别注意项，和普通控件类似。**

###NavigationView
**演示gif**
这个在上面的录制过程中忘了录了，这里也录的有点小瑕疵，大家见谅啊。
![Navigation.gif](http://upload-images.jianshu.io/upload_images/1916953-4af0a684c8aaa30a.gif?imageMogr2/auto-orient/strip)

NavgationView是一个抽屉式的导航控件，它可以让我们很方便的建立一个滑动菜单。
关于用法，以上图为例，见下面代码：
**code**
navigationview_layout.xml:

里面内容区的布局，就是侧滑不滑动时显示的布局。里面headerLayout和menu分别为侧滑导航中的头部和item。这里我头部用了一张图片：
head.xml:

对于menu，就是菜单项的配置：
navigationview_item.xml:

ViewPager viewPager = (ViewPager) findViewById(R.id.viewPager);
FragmentAdapter mAdapter = new FragmentAdapter(getSupportFragmentManager(), titles, fragments);
viewPager.setAdapter(mAdapter);
tabLayout.setupWithViewPager(viewPager);
tabLayout.setTabsFromPagerAdapter(mAdapter);

app:layout_collapseMode="parallax"//这个是配置当ImageView消失或者显示时候有一种视差滚动效果
app:layout_collapseParallaxMultiplier="0.7"//视差因子，越大视差特效越明显，最大为1

<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/root"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <!--toolbar-->
    <android.support.design.widget.AppBarLayout
        android:layout_width="match_parent"
        android:layout_height="300dp">

        <android.support.design.widget.CollapsingToolbarLayout
            android:id="@+id/collapsingtoolbarlayout"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            app:layout_scrollFlags="scroll|exitUntilCollapsed">

            <android.support.v7.widget.Toolbar
                android:id="@+id/toolbar"
                android:layout_width="match_parent"
                android:layout_height="?attr/actionBarSize"
                android:background="#77db93"
                app:layout_collapseMode="pin"
                app:popupTheme="@style/ThemeOverlay.AppCompat.Light"
                app:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar" />
        </android.support.design.widget.CollapsingToolbarLayout>
    </android.support.design.widget.AppBarLayout>

    <android.support.v4.widget.NestedScrollView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:layout_behavior="@string/appbar_scrolling_view_behavior">

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="vertical">
　　　　　　　<!--省略了很多ImagView-->
            <ImageView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:src="@mipmap/ic_launcher" />

        </LinearLayout>
    </android.support.v4.widget.NestedScrollView>

</android.support.design.widget.CoordinatorLayout>

public class CoordinationActivity extends AppCompatActivity {

    private Toolbar toolbar;
    private CollapsingToolbarLayout collapsingToolbarLayout;

    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_coordinator);

        toolbar = (Toolbar) findViewById(R.id.toolbar);
        setSupportActionBar(toolbar);
        collapsingToolbarLayout = (CollapsingToolbarLayout) findViewById(R.id.collapsingtoolbarlayout);
        collapsingToolbarLayout.setTitle("极客学院");  //设置toolbar的标题
        //使用右上角的返回按钮
        getSupportActionBar().setHomeButtonEnabled(true);
        getSupportActionBar().setDisplayHomeAsUpEnabled(true);
        toolbar.setNavigationOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                onBackPressed();
            }
        });
    }
}