高逼格UI-ASD(Android Support Design)

原文链接：http://blog.csdn.net/qibin0506/article/details/46850763

今年的Google IO给我们android开发着带来了三样很屌很屌的library：

1. ASD(Android Support Design)
2. APL(Android Percent Layout)
3. DBL(Data Binding Library)

这三个库都是很屌很屌的库，第一个可以让我们在低版本的Android上使用Material Design,第二个是为了更好的适配，提供了基于百分比的Layout;至于第三个，能让Activity更好负责MVC中C的职责，让我们开发者更少的去findViewById。 
ok，首先我们来看看第一个库，可能也是最主要的库-ASD。

ASD简介

前面说了，ASD给我们提供了Material Design提供了向下的兼容，当然我们也需要学习几个控件的使用，最后用一个实例的形式综合一个需要学习的这几个控件。 
如何使用ASD？很简单，在AS中添加以下一句话就ok啦。

compile ‘com.android.support:design:22.2.0’

当然，我们在我们学习一些控件的时候还需要AppCompat Library。所以：

compile ‘com.android.support:appcompat-v7:22.2.0’

Snackbar

Snackbar我认为他是一个介于Dialog和Toast之前的玩意，可以在作为一种用户选择提醒时使用。Snackbar的使用很简单，接下来我们以代码和效果的形式快速预览一下这玩意的使用。

   public void click(View view) {
        Snackbar.make(view, "真要点我?", Snackbar.LENGTH_LONG)
                .setAction("真的!", new View.OnClickListener() {
                    @Override
                    public void onClick(View v) {
                        Toast.makeText(MainActivity.this, "你真点我了！",
                                Toast.LENGTH_SHORT).show();
                    }
                }).show();
    }

来看看效果：

好吧，这玩意真的很简单，对照着上面的代码这下面的效果，肯定秒懂的。

FloatingActionButton

在看看看另一个小控件，也许在项目中我们需要一个圆形的Button， 你可能会想到用自定义Shape的方式去做，但那样文本的显示不好居中，这时估计就想到用自定义控件去解决了。好吧，现在ASD给我们提供了FloatingActionButton可以轻松的创建圆形Button,而且更牛x的是FloatingActionButton具有更绚丽的效果。 
FloatingActionButton的使用也很简单，他直接继承ImageView，所以ImageView的所有属性都可以用在FloatingActionButton上。来，看看我们的demo：

        xmlns:app="http://schemas.android.com/apk/res-auto"
        android:onClick="click"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:layout_alignParentBottom="true"
        android:layout_margin="0dp"
        android:src="@drawable/add"
        app:backgroundTint="#FF00FF00"
        app:rippleColor="#FF0000FF"
        app:borderWidth="0dp"
        app:fabSize="normal"
        app:elevation="10dp"
        app:pressedTranslationZ="20dp"/>

简单解释一下命名空间为app的配置项。 
1. app:backgroundTint是指定默认的背景颜色 
2. app:rippleColor是指定点击时的背景颜色 
3. app:borderWidth border的宽度 
4. app:fabSize是指FloatingActionButton的大小，可选normal|mini 
5. app:elevation 可以看出该空间有一个海拔的高度 
6. app:pressedTranslationZ 哈，按下去时的z轴的便宜 
来看看FloatingActionButton的效果：