Toolbar DrawerLayout主界面导航框架
黑色主题的 Toolbar 加上侧滑抽屉的 DrawerLayout,挺常见的组合,用来做主界面导航合适。尤其是配合 NavigationView,一套菜单滑出来,图标、文字都有,用户一看就知道怎么操作,体验也好。
Toolbar 的好处是灵活,样式你想怎么改都行,背景色、字体、图标随便换。用setSupportActionBar(toolbar)
直接把它顶上去,原来的 ActionBar 就可以退休了。
DrawerLayout 就更常用了,左滑一个菜单出来,挺有感觉的。你只要给抽屉视图设置个android:layout_gravity="start"
,基本就能跑起来。再配个NavigationView
,菜单点起来像模像样的。
如果你用ActionBarDrawerToggle
做一下同步,那个汉堡图标还能自动变成返回箭头,状态联动丝滑。再加点监听器,菜单开关都能自己控制。
想上手的话,建议你看看这个UI 框架_Drawermenudemo
的示例,代码比较全,从布局到交互都有展示。适合拿来做参考或者直接魔改。
另外,如果你还想深入一点,下面这些文章也挺值得一看:
- DrawerLayout 侧滑菜单实现
- 基于 NavigationView 和 DrawerLayout 的侧滑菜单栏实现
- Android Studio 官方版 DrawerLayout 侧滑菜单
- 灵活导航栏:详解 Android Toolbar
如果你正好在做主界面设计,或者想把导航菜单做得更专业点,这套组合真的挺实用,UI 统一,交互流畅,代码也不复杂。
1.17MB
文件大小:
评论区