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;@Overrideprotected 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) {@Overridepublic void onDrawerOpened(View drawerView) {getActionBar().setTitle(R.string.app_name);invalidateOptionsMenu();// 通知actionbar 的 menu数据改变}@Overridepublic 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() {@Overridepublic 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();}@Overridepublic boolean onCreateOptionsMenu(Menu menu) {getMenuInflater().inflate(R.menu.main, menu);return true;}@Overridepublic boolean onPrepareOptionsMenu(Menu menu) {//If the Drawer is opening, the icon of search and the icon of favorite are not visble, otherwise, is visbleboolean isDrawerOpen = mDrawerLayout.isDrawerOpen(mLVDrawer);menu.findItem(R.id.menu_search).setVisible(!isDrawerOpen);menu.findItem(R.id.menu_favorite).setVisible(!isDrawerOpen);return super.onPrepareOptionsMenu(menu);}@Overridepublic 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);}@Overrideprotected void onPostCreate(Bundle savedInstanceState) {super.onPostCreate(savedInstanceState);mDrawerToggle.syncState();}@Overridepublic 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;}@Overridepublic int getCount() {return dataList.size();}@Overridepublic Object getItem(int position) {return dataList.get(position);}@Overridepublic long getItemId(int position) {return position;}@Overridepublic 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;}}}