TextInputLayout，Snackbar,FloatingActionButton, SwipeRefreshLayout

一、TextInputLayout简介：

TextInputLayout功能非常简单，就是用于用户在EditText中输入时hint的提示和错误的提示。

先来看看效果图吧：

从上图很明显的看出：

1、当EditText获得焦点时候，TextInputLayout会在左上角默认的生成一个Label用来显示EditText中hint的内容，所以当用户输入时候hint内容会浮动到左上角，这极大便利了用户输入提交数据的体验。

2、当EditText中输入的内容不合法时，TextInputLayout便会在EditText的左下角用红色显示错误的提示信息。

二、TextInputLayout使用

首先加入design包的支持：

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

以用户名和密码输入框为例，其中用户名是一个email，当输入的email为空时，给出错误提示

布局：

<?xml version="1.0"encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

    xmlns:tools="http://schemas.android.com/tools"

    xmlns:app="http://schemas.android.com/apk/res-auto"

    tools:context="com.example.zhouyi.textinputlayouttest.MainActivity"

    android:layout_width="match_parent"

    android:layout_height="match_parent"

    android:orientation="vertical">

    <android.support.design.widget.TextInputLayout

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:id="@+id/tl_email"

        >

            <EditText

                android:id="@+id/edt_email"

                android:layout_width="match_parent"

                android:layout_height="wrap_content"

                android:hint="email"

                android:inputType="textEmailAddress"/>

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

    <android.support.design.widget.TextInputLayout

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:id="@+id/tl_psw"

        >

        <EditText

            android:id="@+id/edt_psw"

            android:layout_width="match_parent"

            android:layout_height="wrap_content"

            android:hint="password"

            android:inputType="textPassword"/>

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

    <Button

        android:text="登录"

        android:onClick="onLogin"

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:id="@+id/btntest"/>

</LinearLayout>

代码：

public class MainActivityextends AppCompatActivity {

    TextInputLayout tl_email;

    TextInputLayout tl_psw;

    EditText edt_email;

    EditText edt_psw;

    @Override

    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_main);

        tl_email = (TextInputLayout) findViewById(R.id.tl_email);

        tl_psw = (TextInputLayout) findViewById(R.id.tl_email);

        edt_email = tl_email.getEditText();

        edt_psw =tl_psw.getEditText();

    }

    public void onLogin(View view) {

        String stremail = edt_email.getText().toString();

        if (stremail.equals("")){

            tl_email.setErrorEnabled(true);

            tl_email.setError("email为空");

        }else{

            tl_email.setError(null);

            tl_email.setErrorEnabled(false);

        }

    }

}

其中，需要注意几点点：

1、TextInputLayout布局中只能包含一个EditText子View，不能包含多个EditText，也能包含其他布局，包含不会报错，但是没有TextInputLayout的效果了。

2、TextInputLayout中有个方法getEditText();该方法返回的是它的子EditText对象，所以我们可通过mTextInputLayout.getEditText();来得到EditText对象，不需要findViewById找了。

3、设置错误提示信息时一定要先setErrorEnabled(true);再设置setError(…);，setErrorEnabled(true)之后，会在下面创建一个textview，即使不写错误信息，也会占用位置 所以一般没有错误时，需要调用setErrorEnabled(false);，因为它会移除TextView，占用的位置也随之消失。

三、Snackbar

Snackbar是带有动画效果的提示条，它极具美观效果，它出现在屏幕的底部，它和Toast类似，不过却有的地方和Toast不同，Snackbar可以添加按钮，可以支持滑动删除，可以设置永久显示，也可以不作任何操作自身会在几秒（1.5s（LONG）或2.75s(SHORT)）后消失。最值得注意的一点就是Snackbar不能同时显示多个，只能一次显示一个，而Toast可以同时显示多个,这和Toast不同。

要使用SnackBar，还是要先导入design包

然后在布局里添加SnackBar，跟toast一样，可以直接使用：

if (stremail.equals("")){

    tl_email.setErrorEnabled(true);

    tl_email.setError("email为空");

    Snackbar.make(tl_email.getRootView(), "email为空", Snackbar.LENGTH_INDEFINITE).show();

    Snackbar.make(rootView, "email为空2", Snackbar.LENGTH_INDEFINITE).show();

}

上面只会显示第二个SnackBar

为SnackBar设置Action：

if (stremail.equals("")) {

    tl_email.setErrorEnabled(true);

    tl_email.setError("email为空");

    final Snackbar snackbar = Snackbar.make(rootView, "email为空", Snackbar.LENGTH_INDEFINITE);

    snackbar.setAction("UNDO", new View.OnClickListener() {

        @Override

        public void onClick(View v) {

            snackbar.dismiss();

        }

    }).show();

} 

snackbar会出现一个按钮，点击这个按钮，snackbar消失

如果edittext此时获取焦点，已经打开软键盘，要先隐藏软键盘：

if (stremail.equals("")) {

    tl_email.setErrorEnabled(true);

    tl_email.setError("email为空");

    InputMethodManager imm = (InputMethodManager) getSystemService(INPUT_METHOD_SERVICE);

    imm.toggleSoftInput(0, InputMethodManager.HIDE_NOT_ALWAYS);

    final Snackbar snackbar = Snackbar.make(rootView,"email为空", Snackbar.LENGTH_INDEFINITE);

    snackbar.setAction("UNDO", newView.OnClickListener() {

        @Override

        public void onClick(View v) {

            snackbar.dismiss();

        }

    }).show();

}

第一个参数控制显示，第二个参数控制隐藏，设置为HIDE_NOT_ALWAYS表示如果显示就隐藏，如果隐藏就显示

四、FloatingActionButton

基本使用：

<android.support.design.widget.FloatingActionButton

            android:layout_width="wrap_content"

            android:layout_height="wrap_content"

            android:layout_gravity="right|bottom"

            android:src="@drawable/ic_discuss"

            />

使用非常简单，直接当成ImageView来用即可

设置clickable为true后，5.0以后的系统点击有水波效果，5.0之前的只有颜色加深效果

可以自己定义背景颜色和水波的颜色：

app:backgroundTint="#ff87ffeb”--背景颜色

app:rippleColor="#33728dff”—水波的颜色

立体感的调节通过调节阴影来完成：

app:elevation=“6dp”—正常情况下的阴影大小

app:pressedTranslationZ=“12dp”—点击时的阴影大小

点击事件跟普通的button一样响应

五、SwipeRefreshLayout

SwipeRefreshLayout可以包裹一些组件，比如recyclerview,listview,webview等，实现下拉刷新

实例：

布局文件：

<android.support.v4.widget.SwipeRefreshLayout

    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:id="@+id/swipe_refresh_widget">

        <android.support.v7.widget.RecyclerView

            android:id="@+id/my_recycler_view"

            android:scrollbars="vertical"

            android:layout_width="match_parent"

            android:layout_height="match_parent"/>

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

actity中，主要是设置刷新监听，刷新结束时，调用

setRefreshing(false);

隐藏刷新进度条

public class WaterfallActivityextends AppCompatActivity implements SwipeRefreshLayout.OnRefreshListener {

    private SwipeRefreshLayoutmSwipeRefreshWidget;

    @Override

    protected void onCreate(Bundle savedInstanceState)  {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_main);

         ......

        mSwipeRefreshWidget= (SwipeRefreshLayout) findViewById(R.id.swipe_refresh_widget);

        mSwipeRefreshWidget.setOnRefreshListener(this);

    }

    private static final intREFRESH_COMPLETE = 0X110;

    private  Handler mHandler = newHandler()

    {

        public void handleMessage(android.os.Message msg)

        {

            switch (msg.what)

            {

                case REFRESH_COMPLETE:

                    //mDatas.addAll(Arrays.asList("Lucene", "Canvas", "Bitmap"));

                    //mAdapter.notifyDataSetChanged();

                    mSwipeRefreshWidget.setRefreshing(false);

                    break;

            }

        };

    };

    @Override

    public void onRefresh() {

        mHandler.sendEmptyMessageDelayed(REFRESH_COMPLETE,2000);

    }

    public class SpaceItemDecoration extends RecyclerView.ItemDecoration{

        private int miSpace;

        public SpaceItemDecoration(intiSpace)

        {

            miSpace = iSpace;

        }

}