Material Design语言新增控件介绍(API 21)

在2015年,谷歌在推出Android5.0的同时推出了全新的设计Material Design,谷歌为了给我们提供更加规范的MD设计风格的控件,推出了Design支持包,Design常用的控件有下面8个:

对于Material Design 控件已经不是新鲜的控件了,主要包括以下:

Ⅰ、TextInputLayout 文本输入布局

Ⅱ、Snackbar

Ⅲ、TabLayout 选项卡布局

Ⅳ、FloatingActionButton 浮动按钮

Ⅴ、NavigationView 导航视图

Ⅵ、AppBarLayout 应用程序栏布局

Ⅶ、CoordinatorLayout 协作布局

Ⅷ、CollapsingToolbarLayout 折叠工具栏布局

下面我就对以上控件逐一介绍

1、TextInputLayout 文本输入布局

请参照:http://www.jcodecraeer.com/a/basictutorial/2015/0821/3338.html

2、Snackbar

Snackbar的使用跟Toast的使用有些像,

请参照:http://www.open-open.com/lib/view/open1437460246974.html

3、TabLayout 选项卡布局

我们在应用viewpager的时候,经常会使用TabPageIndicator来与其配合。达到很漂亮的效果。但是TabPageIndicator是第三方的,而且比较老了,当然了现在很多大神都已经开始自己写TabPageIndicator来满足自己的需求,在2015年的google大会上,google发布了新的Android Support Design库,里面包含了几个新的控件,其中就有一个TabLayout,它就可以完成TabPageIndicator的效果,而且还是官方的,最好的是它可以兼容到2.2以上版本,包括2.2。下面我就举一个简单的例子来使用它。

详情请参考:http://blog.csdn.net/chenguang79/article/details/48804125

4、FloatingActionButton 浮动按钮

参考地址:https://github.com/survivingwithandroid/Surviving-with-android/tree/master/Android_FAB

5、NavigationView 导航视图

参考地址:http://blog.csdn.net/u012702547/article/details/51253222

6、AppBarLayout 应用程序栏布局

7、CoordinatorLayout 协作布局

8、CollapsingToolbarLayout 折叠工具栏布局

AppBarLayout、CoordinatorLayout 和CollapsingToolbarLayout 可以在一起配合使用,有光更多介绍详情请参照:http://www.jianshu.com/p/d159f0176576


你可能感兴趣的:(Material Design语言新增控件介绍(API 21))