Support Library详解之Design Support Library-如何使用Material Design控件

什么是Design Support Library

Design Support Library提供了用于向您的App添加Material Design(材料设计)风格的组件样式API。

那么Design Support Library都有什么呢?它包括:navigation drawers,floating action buttons (FAB), snackbars, 和 tabs 以及Material Design的EditText等等.

我们该如何添加Design Support Library支持呢?

很简单 如果你在使用Android Studio的话那么你只需要添加一句话

《Support Library详解之Design Support Library-如何使用Material Design控件》 compile ‘com.android.support:design:23.2.1’

好吧,如果你是小白又对Material Design十分的感兴趣那我不介意多写一点,如果你是大神那么可以跳过这一部分。

《Support Library详解之Design Support Library-如何使用Material Design控件》 打开Project Structure
《Support Library详解之Design Support Library-如何使用Material Design控件》 选择app点击Dependencies后选择添加Library dependency
《Support Library详解之Design Support Library-如何使用Material Design控件》 搜索com.android.support:design选中后确定

那么我们应该如何使用Design Support Library呢?

1.SnackBar

Snackbar提供了一个介于Toast和AlertDialog之间轻量级控件,它可以很方便的提供消息的提示和动作反馈。他的使用用法与Toast基本一致但是他可以对点击事件有更好的支持。

《Support Library详解之Design Support Library-如何使用Material Design控件》 时间可以设置LENGTH_INDEFINITE(持续显示),LENGTH_LONG,LENGTH_SHORT
《Support Library详解之Design Support Library-如何使用Material Design控件》 如果不设置点击事件传null即可

Google API  官方说明文档地址:

http://developer.android.com/reference/android/support/design/widget/Snackbar.html

2.Floating Action Button

fab是一个圆形的按钮,谷歌建议这个按钮用作积极的意义,比如添加收藏等等,最好不要用于如删除等操作。他的默认颜色为主题中colorAccent。

《Support Library详解之Design Support Library-如何使用Material Design控件》 图中红色E-mail按钮即为Floating Action Button

FloatingActionButton-fab的使用非常简单,把他当做一个button就可以了,最好是配合CoordinatorLayout布局使用,这个布局类似于一个加强的Framelayout,这个我们之后会提到的。

《Support Library详解之Design Support Library-如何使用Material Design控件》 xml代码

fab有两种大小如果你希望使用一个小一点的可以在xml中添加一句这样的话:app:fabSize=”mini”

另外他还可以设置FloatingActionButton.OnVisibilityChangedListener,用于监控他显示还是隐藏的改变

Google API  官方说明文档地址:

http://developer.android.com/reference/android/support/design/widget/FloatingActionButton.html

3.TextInputLayout

TextInputLayout作为一个父容器控件,包装了新的EditText。一般情况下,单独的EditText会在用户输入第一个字母之后就隐藏hint提示信息,但是现在你可以使用TextInputLayout 结合EditText使提示信息变成一个显示在EditText之上的标签,他的默认颜色也是主题中colorAccent。

《Support Library详解之Design Support Library-如何使用Material Design控件》
《Support Library详解之Design Support Library-如何使用Material Design控件》 xml代码
《Support Library详解之Design Support Library-如何使用Material Design控件》 java代码

TextInputEditText

《Support Library详解之Design Support Library-如何使用Material Design控件》 TextInputEditText样式
《Support Library详解之Design Support Library-如何使用Material Design控件》 xml代码
《Support Library详解之Design Support Library-如何使用Material Design控件》 java代码

4.TabLayout

tablayout是用来实现标签的,那么他应该如何与ViewPager配合使用呢?

很简单:1,通过setOnTabSelectedListener设置一个监听器来响应选项卡的选择状态 2,通过setTabsFromPagerAdapter来使用PagerAdapter的page title 3,使用TabLayout.TabLayoutOnPageChangeListener来联动滑动

《Support Library详解之Design Support Library-如何使用Material Design控件》 Tablayout样式
《Support Library详解之Design Support Library-如何使用Material Design控件》 Toolbar TabLayout 和ViewPager  XML代码
《Support Library详解之Design Support Library-如何使用Material Design控件》

大致上说Design库有几种控件,下一次我们将一起感受一直他的layout部分。

    原文作者:Heykel
    原文地址: https://www.jianshu.com/p/05ece40f2a00
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞