material design—DrawerLayout+Nav
2018-12-03 本文已影响0人
leap_
本文是对第一行代码中第十二章material design 的简单总结
使用toolbar代替actionbar
1 manifest中指定theme为noactionbar的theme

2 layout中添加ToolBar

宽度match_parent高度引用原actionBar的高度
加入背景色 设置theme能让toolbar单独使用深色主题(如果不设置显示的字也会是深色)
3 现在已经设置好了toolbar,隐藏了actionbar,下面在java中将toolbar设置为actionbar的替代

Drawerlayout

layout中添加一个DrawerLayout
里面放两个直接子控件
指定layout gravity = “left”的子控件在左,另一个在右。
显示HomeAsUp——并设置点击打开左侧子布局


第一行显示HomeAsUp
第二行设置HomeAsUp的图片
HomeAsUp点击打开侧滑效果

重写onOptionsItemSelected()
HomeAsUp的id永远是android.R.id.home;
NavigationView
navigationView是design suppport库里的控件,添加design support依赖

首先需要准备两个东西:menu和head_layout
res 下的menu文件夹下创建nv_menu文件

新建layout(就是一个普通的layout)

将menu和head_layout关联到navigationView里

效果图
