NavigationView的简单使用

简介

SDK文档：Represents a standard navigation menu for application. The menu contents can be populated by a menu resource file.

NavigationView可以用来快速的创建一个导航菜单。菜单的内容可以通过一个menu资源文件来配置。

使用示例

构建布局文件

NavigationView一般会以DrawerLayout做为容器，然后和Toolbar配合使用。

下面我们分析一下几个布局和View的具体作用：

• DrawerLayout
  这里以DrawerLayout做为最外层的容器，需要注意的是这里面android:fitsSystemWindows这个参数，这个参数的作用是根据系统的窗口调整布局，例如系统的状态栏。关于这个参数的详细说明可以参考fitsSystemWindows参数的详解。一般情况下我们不会将这个参数设置为true，除非需要一些特定的效果，例如实现透明的系统状态栏并且覆盖在我们的布局之上。

• LinearLayout
  DrawerLayout里面的LinearLayout用以摆放我们要展示的内容，其中的Toolbar是一个顶端的action bar，用来摆放一个侧边抽屉的触发按钮。之后的FrameLayout才是我们展示真正的内容的地方，可以使用Fragment来填充这个Layout。

• NavigationView
  侧边抽屉控件，其中app:headerLayout="@layout/drawer_header"用于向侧边抽屉中添加添加一个Header布局，app:menu="@menu/menu_main"则是一个菜单文件，用于编辑菜单的内容。

drawer_header:

menu_main:

运行结果：

Snip20160713_5.png

在Activity中配置

public class MainActivity extends BaseActivity {

    private DrawerLayout mDlytContainer;
    private Toolbar mViewToolbar;
    private NavigationView mViewNavigation;
    private ActionBarDrawerToggle mDrawerToggle;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        ...
        mDrawerToggle = new ActionBarDrawerToggle(this, mDlytContainer, mViewToolbar, R.string.open,
                R.string.close);

        mViewNavigation.setCheckedItem(R.id.navi_item_moments);
        // 添加侧边菜单的点击事件
        mViewNavigation.setNavigationItemSelectedListener(item -> {
            switch (item.getItemId()) {
                case R.id.navi_item_moments:
                    ...
                    break;
                case R.id.navi_item_settings:
                    ...
                    break;
            }
            mDlytContainer.closeDrawers();
            return true;
        });
    }

    @Override
    protected void onPostCreate(@Nullable Bundle savedInstanceState) {
        super.onPostCreate(savedInstanceState);
        mDrawerToggle.syncState();
    }
}

• ActionBarDrawerToggle是在action bar中侧边抽屉的触发器，绑定了DrawerLayout和Toolbar。
• 在onPostCreate()方法中调用ActionBarDrawerToggle.syncState()是官方文档中的建议。
• 如果要获取在drawer_header布局中的控件，直接使用findViewById(int id)是不行的，需要使用NavigationView.getHeaderView(int index)获取到Head View，然后使用View.findViewById(int id)方法来获取。

总结

NavigationView的使用方法还是比较简单的，也符合Material Design。