Material Design于2014年的Google I/O 大会上推出,是由谷歌的设计工程师们基于传统优秀的设计原则,结合丰富的创意和科学技术所发明的一套全新的界面设计语言。在2015年的Google I/O 大会上推出了一个Design Support库,这个库将Material Design中最具代表性的一些控件和效果进行了封装,使得开发者在即使不了解Material Design的情况下也能非常轻松的将自己的应用Material化。
(1)CardView(卡片布局)
(2)Toolbar(标题栏)
(3)DrawerLayout(滑动菜单)
(4)NavigationView(滑动菜单界面)
(5)FloatingActionButton(悬浮按钮)
(6)Snackbar(提示工具)
(7)CoordinatorLayout(布局)
(8)AppBarLayout
(9)SwipeRefershLayout(下拉刷新)
(10)CollapsingToolbarLayout(可折叠标题栏)
一、CardView(卡片式布局)
Android 5.0 版本新增加了CardView,CardView继承自FrameLayout类,并且可以设置圆角和阴影,使得控件具有立体性,也可以包含其他的布局容器和控件,CardView是用于实现卡片式布局效果的重要控件。
android.support.v7.widget.CardView
CardView具有如下几个重要属性:
- card_view:cardCornerRadius,设置圆角的半径。
- card_view:cardElevation,设置阴影的半径。
- CardView_cardBackgroundColor,设置背景色。
- CardView_cardElevation,设置Z轴阴影。
- CardView_cardMaxElevation,设置Z轴最大高度值。
- CardView_cardUseCompatPadding,是否使用CompadPadding。
- CardView_cardPreventCornerOverlap,是否使用PreventCornerOverlap。
- CardView_contentPadding,内容的padding。
- CardView_contentPaddingLeft,内容的左padding。
- CardView_contentPaddingTop,内容的上padding。
- CardView_contentPaddingRight,内容的右padding。
- CardView_contentPaddingBottom,内容的下padding。
CardViewDemo代码地址——Github地址:https://github.com/ambition-hb/CardViewDemo
项目示例图如下:
二、Toolbar(标题栏)
由于ActionBar设计的原因,被限定只能位于活动的顶部,从而不能实现一些Material Design的效果,因此官方已经不建议使用ActionBar了。而ToolBar的强大之处在于不仅继承了ActionBar的所有功能,而且灵活性很高,可以随处放置,可以配合其他控件来完成一些Material Design的效果。
<