美文网首页Android开发
Material Design语言新增控件介绍(API 21)

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

作者: PapiAP | 来源:发表于2016-09-27 17:04 被阅读192次

    在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)

        本文链接:https://www.haomeiwen.com/subject/wgncyttx.html