MaterialDesign之Toolbar与DrawerLayout

日常开发中对于标题栏这块的使用很少,主要是因为UI上标题栏复用性不大,且经常是各种自定义的布局,因此简要记录下MD中控件的使用,方便之后快速了解

标题栏——Toolbar

  1. 作用: 取代旧的Actionbar(尽管旧的我也不用),使用系统的标题栏可以方便进行菜单按钮的配置
  2. 使用:布局中定义,然后声明使用
  • 声明Toolbar,并设置替换ActionBar,使用Toolbar的Activity主题要设置为NoActionbar
  • 创建菜单文件,覆盖父类方法实现菜单功能
    toolbar.png

侧滑菜单——DrawerLayout

  1. 作用:丰富单一界面的可操作性,提供更多操作入口的显示与隐藏
  2. 使用:DrawerLayout作为根布局使用
  • DrawerLayout 作为根布局使用,子布局1作为主屏幕内容,子View2作为菜单内容
  • 子View2需要指定android:layout_gravity 属性 left,right,start(根据系统语言方向决定)来决定滑出的方向
    image.png

结合补充

Toolbar自带一个左侧按钮,默认是返回图标,在这里可以先设置它的显示,更改它的图标显示并设置点击监听事件以作对侧滑菜单的控制

  1. 设置按钮 显示与图标drawerlayout_1.png
  2. 设置点击监听事件drawerlayout_2.png

Demo代码

Github_AllAndroid_b_materialdesign