Design Support Library

  Design Support Library 兼容库

这几天刚学完 Design Support Library 库的引用，自己动手写个博客收藏
首先我们来了解一下 Design Support Library 的来历，能够为我们带来哪些用处以它需要配置的环境要求。接着介绍几个控件的基本使用。
Android Design Support Library 介绍
安卓5.0是史以来最重要的安卓版本之一，这其中有很大部分要归功于material design的引入，这种新的设计语言让整个安卓的用户体验焕然一新。我们的详细专题是帮助你开始采用material design的好去处。但是我们也知道，这种设计对于开发者，尤其是那些在意向后兼容的开发者来说是一种挑战。
在Android Design Support Library的帮助下，我们为所有的开发者，所有2.1以上的设备，带来了一些重要的material design控件。你可以在这里面找到navigation drawer view，输入控件的悬浮标签，悬浮操作按钮，snackbar，选项卡以及将这些控件结合在一起的手势滚动框架。
首先要导入库
一种是打开 Project Structure 导入库。 如下图

第二种方式直接在 gradle 文档里添加

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

接下来我们了解下几个常规控件的使用

FloatingActionButton 浮云的圆形按钮
我们可以像 ImageView一样来使用它，我们可以给它添加icon ，背景色，点击的颜色
app:elevation 属性是控件的z轴属性 我们设置他的大小控制控件的阴影大小
app:rippleColor 是按钮点击时候的颜色
我们也可以在代码中设置这几个属性
app:fabSize 默认的是normal
app:backgroundTint 设置背景颜色

       <android.support.design.widget.FloatingActionButton        android:id="@+id/floating_action_button"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        app:rippleColor="#000"        app:backgroundTint="#fff"        app:fabSize="normal"        android:elevation="5dp"        />

TextInputLayout 让EditText提示更加个性化
我们用EditText 的时候用户已输入字提示就不见了，我们用TextInputLayout 就可以把提示放到EditText 外面。
我们在布局文件里TextInputLayout 中嵌套一个EditText。
然后在java 代码里写 TextInputLayout 的hint 就可以。textInputLayout.setHint("请输入用户名");
我们还可以根据我们输入的内容给用户一些提示.
比如我们判断用户输入的字符串不能超过10位，代码如下

 EditText editText=textInputLayout.getEditText();        editText.addTextChangedListener(new TextWatcher() {            @Override            public void beforeTextChanged(CharSequence charSequence, int i, int i1, int i2) {            }            @Override            public void onTextChanged(CharSequence charSequence, int i, int i1, int i2) {                    if(charSequence.length() >10){                        //错误提示                        textInputLayout.setError("用户名不能超过10位");                        // 展示错误提示                        textInputLayout.setErrorEnabled(true);                    }else {                        //隐藏错误提示                        textInputLayout.setErrorEnabled(false);                    }            }            @Override            public void afterTextChanged(Editable editable) {            }        });

Snackbar
Snackbar 可交互的提示框 可以说Toast 的强化版本。 我们在按钮点击事件中弹出一个SnakBar 。

 final Snackbar snackbar=Snackbar.make(btn,"你点击了按钮",Snackbar.LENGTH_LONG);                snackbar.show();                snackbar.setAction("知道了", new View.OnClickListener() {                    @Override                    public void onClick(View view) {                      Toast.makeText(MainActivity.this,"嘿嘿， 我来了！！",Toast.LENGTH_LONG).show();                        startActivity(new Intent(SecondActivity.this,ActivityMe.class));                    }                });

点击按钮时显示提示，一段时间后自动消失

我们也可以子啊“知道了”这儿添加事件监听，比如Toast

好啦！今天就写到这儿，明天继续。。。。