android 开发 -- NavigationView和DrawerLayout实现侧滑栏（Material Design）

最新推荐文章于 2024-07-31 19:51:57 发布

蔡小波

最新推荐文章于 2024-07-31 19:51:57 发布

阅读量2.6k

点赞数 3

分类专栏： Android开发 android Material Design 文章标签： android 侧边栏 NavigationView DrawerLayout MaterialDesign

本文链接：https://blog.csdn.net/qq_22078107/article/details/53456479

版权

本文介绍了如何使用NavigationView和DrawerLayout在Android应用中实现符合Material Design的侧滑栏。通过在build.gradle中引入Android Design Support Library，设置布局文件，配置menu，以及处理headerLayout，详细讲解了侧滑栏的基本实现步骤。同时，强调了与ToolBar的配合，向下兼容的问题，以及一些额外的注意事项和资源链接。

摘要由CSDN通过智能技术生成

随着 Google I/O 2015，新的 Android Design Support Library给开发者带来了一些重要的 Material Design 组件，并且向下兼容到 Android 2.1， NavigationView 就是其中之一，可用于方便地创建导航抽屉。

android5.0+(NavigationView)

如果需要向下兼容，所以以下内容的 Activity 均继承于 AppCompatActivity ，使用的主题的父主题均为 AppCompat 的主题。

如果不需要向下兼容可以不继承AppCompatActivity；

侧滑栏实现基本步骤：

（侧滑栏主要由：NavigationView和DrawerLayout实现）

1. 在build.gradle中引入这个支持包：

compile 'com.android.support:design:22.2.0'

如图：

ps：版本号要在22.2.0以上

2. 和普通的侧拉菜单制作方式一样，首先所有的东西还是都放在一个DrawerLayout中（如果你对DrawerLayout的使用还不熟悉，请参考这篇文章使用DrawerLayout实现侧拉菜单），只不过这次我们把左边滑出菜单的布局用一个NavigationView来代替；

主布局：activity_main.xml 代码如下：

可以看到我们的最外层是 DrawerLayout，里面一个content，一个作为drawer。我们的drawer为 NavigationView。

<?xml version="1.0" encoding="utf-8"?>
<android.support.v4.widget.DrawerLayout
    android:id="@+id/id_drawer_layout"
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fitsSystemWindows="true"
    >

    <!--主布局-->
    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <!--顶部栏-->
       <android.support.v7.widget.Toolbar 
           android:id="@+id/id_toolbar" 
           android:layout_width="match_parent" 
           an