仿bilili侧滑左侧菜单

1. 概述

Android侧滑菜单的实现有很多方式,本文采用DrawerLayout + NavigationView的方式实现侧滑菜单,仿照bilibili的侧滑菜单,效果如图所示:


仿bilibili左侧菜单.gif

2.实现

2.1 DrawerLayout + NavigationView生成侧滑菜单
2.2 NavigationView添加头部布局
2.3 NavigationView添加menu布局
2.4 NavigationView添加底部布局
2.5 menu中item右边添加new标志

2.4 NavigationView添加底部布局
前三个实现方式比较简单,教程网上一搜一大把,但是在实现第四点的时候出现了问题,由于自己技术太垃圾,懵逼了好长时间,NavigationView只有添加头部和menu的代码,没有添加footView的方法,怎么整??想把NavigationView和底部layout放在一个LinearLayout里整体作为侧滑菜单,但是会发现底部的layout的背景是有阴影的,即使你设置了背景颜色,还是有阴影的。持续懵逼中。。。最后发现NavigationView其实是继承FrameLayout的,瞬间知道怎么做了,替自己的垃圾技术感到悲哀。

 

        

            

            

        


    

运行发现确实底部布局被添加到了NavigationView,但是你会发现当你的menu布局过多时,bottom布局会遮挡一个item,这个不知道怎么整,我就在item里多加个item,,,哪位大神知道怎么解决,求告知!!!

2.5 menu中item右边添加new标志
new标签是一个布局文件

android:actionLayout="@layout/menu_new_logo"

运行发现没有作用,google一通,把android 改成app即可

app:actionLayout="@layout/menu_new_logo"

图片需要的素材:阿里巴巴矢量图标库

3.代码

链接:https://pan.baidu.com/s/1yYqjCqXgKw5nWlewLBoSbg
提取码:4m6k

你可能感兴趣的:(仿bilili侧滑左侧菜单)