Material Design

Material Design主题

  1. android:style/Theme.Material
  2. android:style/Theme.Material.Light
  3. android:style/Theme.Material.Light.DarkActionBar
    以上需要api21以上

兼容主题

  1. Theme.AppCompat.Light
  2. Theme.AppCompat.Light.DarkActionBar

常用属性

主题常用属性

交互 常用控件

  • ToolBar 用来代替ActionBar的

  • DrawerLayout 左拉右拉菜单 类似抽屉功能

  • NavigationView/BottomNavigationView // xxxx 常与DrawerLayout搭配使用,侧滑/ 实现底部导航栏

  • FloatingActionButton

  • Snackbar

  • CardView

  • CoordinatorLayout 继承自regroup?,使用类似FrameLayout,后面的布局会覆盖在前面的布局之上,通过为子view指定behavior实现自定义的交互行为

  • AppBarLayout 是一个垂直的线性布局,使用时其他的属性和线性布局是一样的,以及响应了CoordinateLayout中behavior属性,一般结合CoordinateLayout一起使用

  • CollapsingToolbarLayout 可以把自己的布局折叠,继承自FrameLayout,所以它的直接子View可以设置layout_gravity控制显示的位置,一般结合CoordinateLayout一起使用

  • NestedScrollView 是一个支持嵌套滑动的ScrollView,使用与scrollview一样
    最后四个结合起来一起使用,能产生非常炫酷的效果

动画 常用动画

  • Fade淡入
  • Slide滑动
  • Explode分解
  • 共享元素

示例

主题及其属性的例子

image.png

styles.xml

ToolBar的使用

ToolBar

always--总是显示
never--隐藏在menu里
ifRoom--如果有空显示就显示,否则隐藏在menu里

想让标题居中显示

总结:主题、常用控件、常用动画。

你可能感兴趣的:(Material Design)