前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Android自带抽屉布局及NavigationView的使用

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

作者头像
NaOH
发布2018-05-29 13:09:49
1.2K0
发布2018-05-29 13:09:49
举报

在新版本的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);

来获得头部布局

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2015年12月15日,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 获取NavigationView的中的控件出现空指针异常
    • 操作1:
      • 操作2
      领券
      问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档