android开发之 Drawer侧边菜单实现

[Vio_wang 尊重原创 转载请注明出处]

Android 3.0 之后提供了DrawerLayout 抽屉菜单布局，一直没机会用，工作之余，琢磨了一二。

DrawerLayout位于android.support.v4.widget.DrawerLayout，首先上xml资源文件

<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" >

    <FrameLayout
        android:id="@+id/content_frame"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

    <ListView
        android:id="@+id/left_drawer"
        android:layout_width="240dp"
        android:layout_height="match_parent"
        android:layout_gravity="start"
        android:background="@android:color/white"
        android:choiceMode="singleChoice"
        android:divider="@android:color/transparent"
        android:dividerHeight="0dp" />

</android.support.v4.widget.DrawerLayout>

资源文件很简单，只需要一个Fragment和一个ListView，ListView 充当目录。

import java.util.ArrayList;

import android.content.Context;
import android.content.res.Configuration;
import android.graphics.Color;
import android.os.Bundle;
import android.support.v4.app.ActionBarDrawerToggle;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentActivity;
import android.support.v4.view.GravityCompat;
import android.support.v4.widget.DrawerLayout;
import android.view.LayoutInflater;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.view.ViewGroup;
import android.widget.AdapterView;
import android.widget.AdapterView.OnItemClickListener;
import android.widget.BaseAdapter;
import android.widget.ListView;
import android.widget.TextView;
import android.widget.Toast;

import com.vio.wang.qkn.MyApplication;
import com.vio.wang.qkn.R;
import com.vio.wang.qkn.fragment.MainFragment;

public class MainActivity extends FragmentActivity {

	private DrawerLayout mDrawerLayout;
	private ListView mLVDrawer;
	private CharSequence mTitle;
	private ActionBarDrawerToggle mDrawerToggle;
	private int mPosition = -1, lastPosition;
	private DrawerListAdapter mLVDrawerAdapter;

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);

		initView(savedInstanceState);
		initAction();
	}

	private void initView(Bundle savedInstanceState) {
		mDrawerLayout = (DrawerLayout) findViewById(R.id.drawer_layout);
		mLVDrawer = (ListView) findViewById(R.id.left_drawer);
		
		//设置侧边菜单阴影
		mDrawerLayout.setDrawerShadow(R.drawable.drawer_shadow,
				GravityCompat.START);

		mLVDrawerAdapter = new DrawerListAdapter(this, initDatas());
		mLVDrawer.setAdapter(mLVDrawerAdapter);

		getActionBar().setDisplayHomeAsUpEnabled(true);
		getActionBar().setHomeButtonEnabled(true);
		
		//新建一个打开侧边菜单的开关
		mDrawerToggle = new ActionBarDrawerToggle(this,
				mDrawerLayout,
				R.drawable.icon_shawer,
				R.string.app_name,
				R.string.drawer_close) {
			@Override
			public void onDrawerOpened(View drawerView) {
				getActionBar().setTitle(R.string.app_name);
				invalidateOptionsMenu();// 通知actionbar 的 menu数据改变
			}

			@Override
			public void onDrawerClosed(View drawerView) {
				getActionBar().setTitle(mTitle);
				invalidateOptionsMenu();
			}
		};

		if (savedInstanceState == null) {//在saveInstanceState之前,即activity在执行oncreate之后
			selectedDrawerTitle(0);//默认点击了菜单一
		}
	}

	private ArrayList<String> initDatas() {
		ArrayList<String> titleLists = new ArrayList<String>();
		for (int i = 0; i < 10; i++) {
			titleLists.add("title" + i);
		}
		return titleLists;
	}

	private void initAction() {
		mDrawerLayout.setDrawerListener(mDrawerToggle);
		mLVDrawer.setOnItemClickListener(new OnItemClickListener() {

			@Override
			public void onItemClick(AdapterView<?> parent, View view,
					int position, long id) {
				selectedDrawerTitle(position);
			}
		});
	}
	
	/**
	 * 点击目录事件
	 * @param position
	 */
	private void selectedDrawerTitle(int position) {
		Fragment fragment = new MainFragment();
		Bundle args = new Bundle();
		args.putInt(MyApplication.FRAGMENT_TITLE_ID, position);
		fragment.setArguments(args);
		getSupportFragmentManager().beginTransaction()
				.replace(R.id.content_frame, fragment).commit();

		mLVDrawer.setItemChecked(position, true);
		lastPosition = mPosition;
		mPosition = position;
		getActionBar().setTitle("item "+position);
		mTitle = "item "+position;
		mDrawerLayout.closeDrawer(mLVDrawer);
		mLVDrawerAdapter.notifyDataSetChanged();
	}

	@Override
	public boolean onCreateOptionsMenu(Menu menu) {
		getMenuInflater().inflate(R.menu.main, menu);
		return true;
	}

	@Override
	public boolean onPrepareOptionsMenu(Menu menu) {
		//If the Drawer is opening, the icon of search and the icon of favorite are not visble, otherwise, is visble
		boolean isDrawerOpen = mDrawerLayout.isDrawerOpen(mLVDrawer);
		menu.findItem(R.id.menu_search).setVisible(!isDrawerOpen);
		menu.findItem(R.id.menu_favorite).setVisible(!isDrawerOpen);
		return super.onPrepareOptionsMenu(menu);
	}

	@Override
	public boolean onOptionsItemSelected(MenuItem item) {
		if (mDrawerToggle.onOptionsItemSelected(item)) {
			return true;
		}
		switch (item.getItemId()) {
		case R.id.menu_search:
			Toast.makeText(getApplicationContext(), mTitle, 0).show();
			break;
			
		default:
			break;
		}
		return super.onOptionsItemSelected(item);
	}

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

	@Override
	public void onConfigurationChanged(Configuration newConfig) {
		super.onConfigurationChanged(newConfig);
		mDrawerToggle.onConfigurationChanged(newConfig);
	}
	
	class DrawerListAdapter extends BaseAdapter {
		
		private LayoutInflater inflater;
		private ArrayList<String> dataList;
		
		public DrawerListAdapter(Context mContext, ArrayList<String> datas) {
			inflater = LayoutInflater.from(mContext);
			dataList = datas;
		}

		@Override
		public int getCount() {
			return dataList.size();
		}

		@Override
		public Object getItem(int position) {
			return dataList.get(position);
		}

		@Override
		public long getItemId(int position) {
			return position;
		}

		@Override
		public View getView(int position, View convertView, ViewGroup parent) {
			ViewHolder holder = null;
			if (convertView == null) {
				convertView = inflater.inflate(R.layout.activity_main_drawer_listitem, parent, false);
				holder = new ViewHolder();
				holder.viewHint = convertView.findViewById(R.id.mian_view_hint);
				holder.tvDrawerTitle = (TextView) convertView.findViewById(R.id.mian_tv_title);
				convertView.setTag(holder);
			}else {
				holder = (ViewHolder) convertView.getTag();
			}
			holder.viewHint.setVisibility(View.INVISIBLE);
			holder.tvDrawerTitle.setText(dataList.get(position));
			
			if (position == mPosition) {//设置当前选中菜单条目背景
				holder.tvDrawerTitle.setBackgroundResource(R.drawable.bg_drawer_item_checked);
			}
			if (position == lastPosition) {//还原上次点击的菜单条目背景
				holder.tvDrawerTitle.setBackgroundColor(Color.WHITE);
			}
			return convertView;
		}

		private class ViewHolder{
			View viewHint = null;
			TextView tvDrawerTitle = null;
		}

	}

}