NavigationDrawer+Fragment实现侧滑菜单效果

学习了NavigationDrawer 官方Support包中的SlidingMenu版本，练了下手.用到了ListView中item不同的布局

以后会升级加上ViewPager和GridView实现多页面图片切换

代码：

package com.light.study.android;

import android.view.LayoutInflater;
import android.view.View;
import android.widget.TextView;

import com.light.study.android.MyListAdapter.RowType;

public class EventItem implements Item {

	private final String content;

	public EventItem(String content){
		this.content = content;
	}

	@Override
	public int getViewType() {
		return RowType.LIST_ITEM.ordinal();
	}

	@Override
	public View getView(LayoutInflater inflater, View convertView) {
		if(convertView==null){
			convertView = inflater.inflate(R.layout.list_item, null);
		}
		TextView tv = (TextView) convertView.findViewById(R.id.list_content);
		tv.setText(content);
		return convertView;
	}

	@Override
	public boolean isClickable() {
		return true;
	}

}

package com.light.study.android;

import com.light.study.android.MyListAdapter.RowType;

import android.view.LayoutInflater;
import android.view.View;
import android.widget.TextView;

public class HeaderItem implements Item {
    private String name;

    public HeaderItem(String name){
    	this.name = name;
    }

	@Override
	public int getViewType() {
		return RowType.HEAD_ITEM.ordinal();
	}

	@Override
	public View getView(LayoutInflater inflater, View convertView) {
		if(convertView==null){
			convertView = inflater.inflate(R.layout.head_item, null);
		}
		TextView tv = (TextView) convertView.findViewById(R.id.headerText);
		tv.setText(name);
		return convertView;

	}

	@Override
	public boolean isClickable() {
		return false;
	}

}

package com.light.study.android;

import android.view.LayoutInflater;
import android.view.View;

public interface Item {
    public int getViewType();
    public boolean isClickable();
    public View getView(LayoutInflater inflater, View convertView);
}

package com.light.study.android;

import java.util.List;

import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ArrayAdapter;

public class MyListAdapter extends ArrayAdapter<Item> {
	private Context mContext;
	private LayoutInflater inflater;
	private List<Item> list;

	public MyListAdapter(Context context, List<Item> list) {
		super(context, 0, list);
		this.mContext = context;
		this.inflater = LayoutInflater.from(mContext);
		this.list = list;
	}

	public enum RowType{
		HEAD_ITEM,LIST_ITEM
	}

	 @Override
	 public boolean isEnabled(int position) {
	    return this.list.get(position).isClickable();
	 }  

	@Override
	public int getViewTypeCount() {
		return RowType.values().length;
	}

	@Override
	public int getItemViewType(int position) {
		return list.get(position).getViewType();
	}

	@Override
	public View getView(int position, View convertView, ViewGroup parent) {
		return list.get(position).getView(inflater, convertView);
	}

}

package com.light.study.android;

import android.app.Fragment;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.TextView;

public class PageFragment extends Fragment {
   public final static String ITEM_POSITION_NUMBER = "item_position_num";
   public PageFragment(){}
   @Override
	public View onCreateView(LayoutInflater inflater, ViewGroup container,
			Bundle savedInstanceState) {
		View convertView = inflater.inflate(R.layout.page_fragment_layout, null);
		TextView tv = (TextView) convertView.findViewById(R.id.textView);
		int num = getArguments().getInt(ITEM_POSITION_NUMBER);
		//選擇對應的項目
		String[] dynastyList = getResources().getStringArray(R.array.list_item);
		tv.setText(dynastyList[num]);
		return convertView;
	}
}

package com.light.study.android;

import java.util.ArrayList;
import java.util.List;
import android.app.Activity;
import android.app.FragmentManager;
import android.content.res.Configuration;
import android.os.Bundle;
import android.support.v4.app.ActionBarDrawerToggle;
import android.support.v4.view.GravityCompat;
import android.support.v4.widget.DrawerLayout;
import android.util.Log;
import android.view.MenuItem;
import android.view.View;
import android.widget.AdapterView;
import android.widget.ListView;

public class MainActivity extends Activity {
	private DrawerLayout drawLayout;
	private ListView menuList;
	private ActionBarDrawerToggle toggle;
	private CharSequence mDrawerTitle;
	private String[] mMenuTitles;
	private String[] historyTitles;
	private String[] musicTitles;
	private String[] movieTitles;
	private String[] listTitles;

	@Override
	public void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		init();
		initListener();
	    if (savedInstanceState == null) {
	            selectItem(0);
	    }
	}

	private void init() {
		mDrawerTitle = getTitle();
		//历史栏
		historyTitles = getResources().getStringArray(R.array.history);
		//音乐栏
		musicTitles = getResources().getStringArray(R.array.music);
		//电影栏
		movieTitles = getResources().getStringArray(R.array.movie);
		//标题数组
		mMenuTitles = getResources().getStringArray(R.array.title);
		//每一項的標題
		listTitles =  getResources().getStringArray(R.array.list_item);

		drawLayout = (DrawerLayout) findViewById(R.id.drawer_layout);
		menuList = (ListView) findViewById(R.id.left_menu);

		//设置菜单阴影效果
		drawLayout.setDrawerShadow(R.drawable.drawer_shadow, GravityCompat.START);
		List<Item> list = new ArrayList<Item>();
		//菜单加入历史标题和历史项
		HeaderItem historyHeader = new HeaderItem(mMenuTitles[0]);
		list.add(historyHeader);
		for(int i =0;i<historyTitles.length;i++){
		   EventItem historyitem = new EventItem(historyTitles[i]);
		   list.add(historyitem);
		}

		//菜单加入音乐标题和音乐项
		HeaderItem musicHeader = new HeaderItem(mMenuTitles[1]);
		list.add(musicHeader);
		for(int i =0;i<musicTitles.length;i++){
		   EventItem musicItem = new EventItem(musicTitles[i]);
		   list.add(musicItem);
		}

		//菜单加入电影标题和电影项
		HeaderItem movieHeader = new HeaderItem(mMenuTitles[2]);
		list.add(movieHeader);
		for(int i =0;i<movieTitles.length;i++){
		   EventItem movieItem = new EventItem(movieTitles[i]);
		   list.add(movieItem);
		}

		MyListAdapter adapter = new MyListAdapter(this, list);
		menuList.setAdapter(adapter);

        // enable ActionBar app icon to behave as action to toggle nav drawer
        getActionBar().setDisplayHomeAsUpEnabled(true);
        getActionBar().setHomeButtonEnabled(true);

        toggle = new ActionBarDrawerToggle(this,
        		                           drawLayout,
        		                           R.drawable.ic_drawer,
        		                           R.string.drawer_open,
        		                           R.string.drawer_close){
        	public void onDrawerClosed(View view) {
                invalidateOptionsMenu(); // creates call to onPrepareOptionsMenu()
            }

            public void onDrawerOpened(View drawerView) {
                getActionBar().setTitle(mDrawerTitle);
                invalidateOptionsMenu(); // creates call to onPrepareOptionsMenu()
            }
        };

        drawLayout.setDrawerListener(toggle);

	}

	private void initListener() {
		//菜单单击事件监听器
		menuList.setOnItemClickListener(new DrawerItemClickListener());

	}

    /* The click listner for ListView in the navigation drawer */
    private class DrawerItemClickListener implements ListView.OnItemClickListener {
        @Override
        public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
        	Log.i("Light", "position:"+position);
            selectItem(position);
        }
    }

    private void selectItem(int position) {
        // update the main content by replacing fragments
    	PageFragment fragment = new PageFragment();
        //将当前选择的项传递到Fragment
        Bundle args = new Bundle();
        args.putInt(PageFragment.ITEM_POSITION_NUMBER, position);
        fragment.setArguments(args);

        FragmentManager fragmentManager = getFragmentManager();
        fragmentManager.beginTransaction().replace(R.id.content_frame, fragment).commit();

        drawLayout.closeDrawer(menuList);
        // update selected item and title, then close the drawer
        menuList.setItemChecked(position, true);
        //注意这里改变的是ActionBar的标题
        getActionBar().setTitle(listTitles[position]);
    }

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

    @Override
	public void onConfigurationChanged(Configuration newConfig) {
	     super.onConfigurationChanged(newConfig);
	     // Pass any configuration change to the drawer toggls
	     toggle.onConfigurationChanged(newConfig);
	}

    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
         // The action bar home/up action should open or close the drawer.
         // ActionBarDrawerToggle will take care of this.
        if (toggle.onOptionsItemSelected(item)) {
            return true;
        }
        return super.onOptionsItemSelected(item);
    }

}

activity_main.xml:

<?xml version="1.0" encoding="utf-8"?>
<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_menu"
              android:layout_height="match_parent"
              android:layout_width="240dp"
              android:layout_gravity="start"
              android:choiceMode="singleChoice"
              android:divider="@android:color/transparent"
              android:dividerHeight="0dp"
              android:background="#111"/>
</android.support.v4.widget.DrawerLayout>

head_item.xml:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

    <TextView
        android:id="@+id/headerText"
        style="?android:attr/listSeparatorTextViewStyle"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:background="#757678"
        android:paddingBottom="3dp"
        android:paddingTop="3dp"
        android:textColor="#f5c227"
        android:clickable="false"
        />

</LinearLayout>

list_item.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

    <TextView
        android:id="@+id/list_content"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:layout_margin="5dip"
        android:gravity="center"
        android:linksClickable="false"
        android:longClickable="false"
        android:paddingBottom="1dip"
        android:paddingTop="1dip"
        android:textColor="#6d6d6d"
        android:textSize="17sp" />

</LinearLayout>

page_fragment_layout.xml:

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

    <TextView android:id="@+id/textView"
              android:layout_width="wrap_content"
              android:layout_height="wrap_content"
              android:layout_gravity="center"
              />

</FrameLayout>

arrays.xml:

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <string-array name="history">
        <item >三国</item>
        <item >楚汉</item>
        <item >春秋</item>
        <item >战国</item>
    </string-array>
     <string-array name="music">
        <item >爵士</item>
        <item >古典</item>
        <item >现代</item>
        <item >民谣</item>
    </string-array>
     <string-array name="movie">
        <item >悬疑</item>
        <item >爱情</item>
        <item >历史</item>
        <item >恐怖</item>
    </string-array>
    <string-array name="title">
        <item >历史</item>
        <item >音樂</item>
        <item >电影</item>
    </string-array>
    <string-array name="list_item">
        <item >歷史</item>
        <item >三国</item>
        <item >楚汉</item>
        <item >春秋</item>
        <item >战国</item>
        <item >音樂</item>
        <item >爵士</item>
        <item >古典</item>
        <item >现代</item>
        <item >民谣</item>
        <item >電影</item>
        <item >悬疑</item>
        <item >爱情</item>
        <item >历史</item>
        <item >恐怖</item>
    </string-array>
</resources>

效果：