Android开发之Navigationdrawer导航抽屉功能的实现（源码分享）

Posted 2020-09-10 cynchanpin

     导航抽屉（navigationdrawer）是一个从屏幕左边滑入的面板，用于显示应用的主要导航项目。用户能够通过在屏幕左边缘滑入或者触摸操作栏的应用图标打开导航抽屉。

导航抽屉覆盖在内容之上，但不覆盖操作栏。当导航抽屉全然打开后，操作栏的标题须要更换为应用的名称。而不是显示当前视图的名称。而且关闭全部和当前视图相关的操作button。操作栏的“很多其它操作”菜单button不须要关闭，以保证用户能够随时訪问“设置”和“帮助”。以下我们就来实现导航抽屉的功能。

   

 Layout布局文件代码

<android.support.v4.widget.DrawerLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/drawer_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <!-- The main content view -->
    <FrameLayout
        android:id="@+id/content_frame"
        android:layout_width="match_parent"
        android:layout_height="match_parent" 
    
        
        />
    <!-- The navigation drawer -->
    <ListView android:id="@+id/left_drawer"
        android:layout_width="100dp"
        android:layout_height="match_parent"
        android:layout_gravity="start"
        android:choiceMode="singleChoice"
        android:dividerHeight="1dp"
       android:background="#ffffff"/>
</android.support.v4.widget.DrawerLayout>

注意要点：

（1）主要视图(上述FrameLayout)必须为DrawerLayout中的第一个孩子,由于XML意味着z顺序和抽屉必须的内容。　　

（2）主要内容视图必须设置为匹配父视图的宽度和高度,由于它代表整个UI导航抽屉时隐藏。　　

（3）抽屉视图(上述ListView)必须指定它的水平重力与android:layout_gravity属性。支持从右到左的语言(RTL),指定值与“開始”而不是“左”(右边的抽屉里出 现时,布局是RTL)。　　　

（4）抽屉视图指定宽度的dp单位和父视图的高度匹配。抽屉的宽度应不超过320 dp所以用户总是能够看到部分的主要内容。

（5）DrawerLayout必须成为布局的根节点

MainActivity的代码

package com.example.g07_navigationdrawer;

import android.app.Activity;
import android.app.Fragment;
import android.app.FragmentManager;
import android.os.Bundle;

import android.support.v4.app.ActionBarDrawerToggle;
import android.support.v4.widget.DrawerLayout;
import android.view.View;
import android.widget.AdapterView;
import android.widget.ArrayAdapter;
import android.widget.ListAdapter;
import android.widget.ListView;
import android.widget.Toast;

public class MainActivity extends Activity {
	private String[] mPlanetTitles; // listView的每个item的名字
	private DrawerLayout mDrawerLayout;
	private ListView mDrawerList;
	private ActionBarDrawerToggle mDrawerToggle; // 用来监听DrawerLayout事件

	@Override
	public void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		mPlanetTitles = getResources().getStringArray(R.array.planets_array);
		mDrawerLayout = (DrawerLayout) findViewById(R.id.drawer_layout);
		mDrawerList = (ListView) findViewById(R.id.left_drawer);
		// 为ListView加入适配器
		mDrawerList.setAdapter((ListAdapter) new ArrayAdapter<String>(this,
				android.R.layout.simple_list_item_1, mPlanetTitles));
		// 监听ListView的点击事件
		mDrawerList.setOnItemClickListener(new DrawerItemClickListener());
		mDrawerLayout = (DrawerLayout) findViewById(R.id.drawer_layout);
		// 监听DrawerLayout的监听事件
		mDrawerToggle = new ActionBarDrawerToggle(this, mDrawerLayout,
				R.drawable.ic_launcher, R.string.app_name, R.string.app_name) {
			public void onDrawerClosed(View view) {
				super.onDrawerClosed(view);
				Toast.makeText(MainActivity.this, "抽屉关闭了", Toast.LENGTH_SHORT)
						.show();
			}
			public void onDrawerOpened(View drawerView) {
				super.onDrawerOpened(drawerView);
				Toast.makeText(MainActivity.this, "抽屉打开了", Toast.LENGTH_SHORT)
						.show();
			}
		};
		mDrawerLayout.setDrawerListener(mDrawerToggle);

	}

	private class DrawerItemClickListener implements
			ListView.OnItemClickListener {
		@Override
		public void onItemClick(AdapterView<?
> parent, View view, int position,
				long id) {
			// 依据ListView的被选中的选项切换界面布局
			Fragment fragment = new Fragment();
			FragmentManager fragmentManager = getFragmentManager();
			fragmentManager.beginTransaction()
					.replace(R.id.content_frame, fragment).commit();
			mDrawerList.setItemChecked(position, true);
			// 给操作栏设置标题
			getActionBar().setTitle(mPlanetTitles[position]);
			mDrawerLayout.closeDrawer(mDrawerList);
		}
	}
}