Android自带抽屉布局及NavigationView的使用

在新版本的android sdk中,谷歌为开发者们带来了很多好用的东西,比如原生抽屉布局,下拉刷新等等,对很不乐意去网上找各种各样乱七八糟的第三方控件的某人真是挺不错的-。-2333

使用起来样子大概是这样的

使用方式也非常简单,如果想省事的话直接利用add Navigation Drawer Activity就行了。 创建活动后,我们可能会对其中的控件动态更新,但是接下来问题就来了。

获取NavigationView的中的控件出现空指针异常

我们在Navigation Drawer Activity中获取控件,第一反应就是直接在onCreateView里调用findViewById,例如我想获取上图中的TextView,假如id为tv_user

TextView tv = (TextView)findViewById(R.id.tv_user);

然后给tv改下字

tv.setText("Hello world");

这时候就会报错说tv为空指针。问题引起其实非常简单,是因为在activity刚创建的时候,Dawer其实是没有打开的,所以布局没有初始化,自然也不能找到其中的空间。一般这种情况我们为了获取这类未初始布局里的空间会使用inflate方法,这里其实处理是类似的,后面会提到。

我们首先了解一下NavigationView的使用,新建一个抽屉活动后,我们可以看到主界面的布局文件是这样的

    <?xml version="1.0" encoding="utf-8"?>
    <android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:app="http://schemas.android.com/apk/res-auto"
        xmlns:tools="http://schemas.android.com/tools"
        android:id="@+id/drawer_layout"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:fitsSystemWindows="true"
        tools:openDrawer="start">
    
        <include
            layout="@layout/app_bar_main"
            android:layout_width="match_parent"
            android:layout_height="match_parent" />
    
        <android.support.design.widget.NavigationView
            android:id="@+id/nav_view"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:layout_gravity="start"
            android:fitsSystemWindows="true"
            app:headerLayout="@layout/nav_header_main"
            app:menu="@menu/activity_main_drawer" />
    
    </android.support.v4.widget.DrawerLayout>

其实这里的NavigationView就是左边抽屉拉出来后的布局了~可以看到它有两个属性app:headerLayout和app:menu 其实这两个属性后面就分别是上图中蓝色背景部分的抽屉头和下面的菜单。要对其编辑也很简单,进入ID对应的布局修改即可。

操作1:

前面提到的获取不到控件的方法,可以在onCreate方法中这样来获取

    View headerLayout = navigationView.inflateHeaderView(R.layout.nav_header_main);
    tv_nav_user = (TextView)headerLayout.findViewById(R.id.tv_nav_username);

通过查看谷歌官方开发文档我们还可以发现几个方法 http://developer.android.com/reference/android/support/design/widget/NavigationView.html

这些方法都是对抽屉布局上的菜单和头布局进行操作时可以使用的。 同时注意

inflateHeaderView:Inflates a View and add it as a header of the navigation menu.

这也就是说我们在进行前面的操作1其实是获得该布局的同时把其加入到抽屉布局中去,这样就会出现下面的情况:

操作2

解决方法也很简单,就是在layout文件中去掉

app:headerLayout="@layout/nav_header_main"

然后就可以获取到里面的控件愉快玩耍了~

补充: 其实如果不用上面的方法的话也是可以直接获取到header的,可以调用

View headerView = navigationView.getHeaderView(0);

来获得头部布局

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏贾鹏辉的技术专栏@CrazyCodeBoy

React Native0.50+开发指导

概要 本文主要对React Native 0.50的关键性的更新做个讲解和开发适配指导,希望能对从事React Native开发的你有所帮助: 在兼容性方面新增...

2764
来自专栏移动开发

SwipeRefreshLayout和RecyclerView使用的小问题

SwipeRefreshLayout是官方提供的下拉刷新控件,在使用过程碰到一些小问题和大家分享下. 下面的代码只能监听下拉手势所引发的事件

2744
来自专栏张高兴的博客

张高兴的 Xamarin.Android 学习笔记:(二)“Hello World”

3424
来自专栏Android 开发学习

TabLayout double click 标题回顶部

1702
来自专栏DannyHoo的专栏

利用UIPanGestureRecognizer手势全屏侧滑返回

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/u010105969/article/details/...

1532
来自专栏Windows Community

New Windows 10 SDK - Toast Notification

概述 Toast Notification 在 UWP App 中有很重要的作用,能够很大程度上增强 App 和用户之间的沟通,比如运营推广活动、版本更新、提醒...

3577
来自专栏贾鹏辉的技术专栏@CrazyCodeBoy

React Native 启动白屏问题解决方案,教程

尊重版权,未经授权不得转载 本文出自:贾鹏辉的技术博客(http://www.devio.org) 目录 问题描述 问题分析 Android启动白屏解决...

5026
来自专栏Golang语言社区

Golang语言社区--go语言执行cmd命令关机、重启等

大家好,我是Golang语言社区主编彬哥,这篇给大家带来关于Go语言操作cmd命令执行windows平台的相关操作

74419
来自专栏何俊林

Android开发中,有哪些让你觉得相见恨晚的方法、类或接口?

前言:Android开发中,不是每一个api,我们都知道,一般情况,面对一个陌生的类,首先new出这个class,得到一到临时变量,然后class.xxx,看对...

1878
来自专栏分享达人秀

很多人不知道还有这个——搜索框组件SearchView

一、SearchView概述 SearchView是搜索框组件,它可以让用户在文本框内输入文字,并允许通过监听器监控用户输入,当用户输入完成后提交搜索时...

21310

扫码关注云+社区

领取腾讯云代金券