使用Fragment+SlidingMenu实现侧滑显示菜单

这两周一直在忙课程设计的事，说真的，挺烦的，没有了自己空闲的时间去学Android，还是挤下晚上的时间来学习Android。以前的SlidingMenu很火，很多app都是用了这个功能，但是现在不单单使用SlidingMenu，还流行使用Fragment，因为大屏手机的兴起，碎片的存在是的手机上应用的显示变得更加灵活！今天我就用了Fragment+SlidingMenu实现了侧滑菜单的效果。SlidingMenu项目地址：https://github.com/jfeinstein10/SlidingMenu 先看效果图吧：

这个demo可以侧滑显示，有人应该也看到了左上角返回键，同样点击之后能够侧滑。

将Github上的项目下载之后，然后导入到eclipse中，之后再新建自己的项目，然后右键Propeties->Android->Library->Add,把SlidingMenu这个项目加入进去，然后点击ok，这样项目配置SlidingMenu就成功了，接下来就是其他的事情了。

先确定的事三个界面，一个主界面，一个内容Fragment，一个菜单Fragment，菜单上点击事件替换主界面的Fragment。

界面的事情都很简单，这里就不贴了，自己随意写布局~

MainActivity.class

public class MainActivity extends SlidingFragmentActivity {
	@Override
	public void onCreate(Bundle savedInstanceState) {
		// TODO Auto-generated method stub
		super.onCreate(savedInstanceState);
		setContentView(R.layout.frame_content);
		setTitle("sdf");
		// 设置侧面隐藏的布局
		setBehindContentView(R.layout.menu_frame);
		// 增加碎片
		FragmentTransaction ft = getFragmentManager().beginTransaction();
		SlideMenuFragment menuFragment = new SlideMenuFragment();
		HomeFragment homeFragment = new HomeFragment("这是首次进入app的界面");
		ft.replace(R.id.content, homeFragment);
		ft.replace(R.id.menu_frame, menuFragment);
		ft.commit();

		SlidingMenu sm = getSlidingMenu();
		// 设置触摸模式，可以选择全屏划出，或者是边缘划出，或者是不可划出
		sm.setTouchModeAbove(SlidingMenu.TOUCHMODE_FULLSCREEN);
		// 设置侧滑栏完全展开之后，距离另外一边的距离，单位px，设置的越大，侧滑栏的宽度越小
		sm.setBehindOffset(60);
		// 设置阴影的宽度
		sm.setShadowWidth(50);
		// 设置阴影的颜色
		sm.setShadowDrawable(R.drawable.shadow);
		// 设置渐变的程度，范围是0-1.0f,设置的越大，则在侧滑栏刚划出的时候，颜色就越暗。1.0f的时候，颜色为全黑
		sm.setFadeDegree(0.35f);
		// 设置actionbar标题文字
		getActionBar().setTitle("简美图片");
		// 使用左上方icon可点，这样在onOptionsItemSelected里面才可以监听到R.id.home
		getActionBar().setDisplayHomeAsUpEnabled(true);

	}

代码上的注解应该都很清楚了，注意MainActivity继承的是SlidingFragmentActivity！

然后就是两个Fragment的代码了

HomeFragment.class

public class HomeFragment extends Fragment {
	private String text;
	private TextView textView;
	private MultiColumnPullToRefreshListView listView;

	public HomeFragment(String text) {
		this.text = text;
	}

	@Override
	public void onActivityCreated(Bundle savedInstanceState) {
		// TODO Auto-generated method stub
		super.onActivityCreated(savedInstanceState);
	}

	@Override
	public void onCreate(Bundle savedInstanceState) {
		// TODO Auto-generated method stub
		super.onCreate(savedInstanceState);
		setRetainInstance(true);
	}

	@Override
	public View onCreateView(LayoutInflater inflater, ViewGroup container,
			Bundle savedInstanceState) {
		// TODO Auto-generated method stub
		View view = inflater.inflate(R.layout.activity_main, null);
		return view;
	}

	@Override
	public void onDestroyView() {
		// TODO Auto-generated method stub
		super.onDestroyView();
	}

	@Override
	public void onViewCreated(View view, Bundle savedInstanceState) {
		// TODO Auto-generated method stub
		super.onViewCreated(view, savedInstanceState);
		listView = (MultiColumnPullToRefreshListView) view
				.findViewById(R.id.listView);
		textView = (TextView) view.findViewById(R.id.textView);
		if (!TextUtils.isEmpty(text)) {
			textView.setText(text);
		}

	}

}

MenuFragment.class

public class SlideMenuFragment extends PreferenceFragment implements
		OnPreferenceClickListener {
	private int index = -1;

	@Override
	public void onCreate(Bundle savedInstanceState) {
		// TODO Auto-generated method stub
		super.onCreate(savedInstanceState);
		addPreferencesFromResource(R.xml.menu);
		findPreference("dongman").setOnPreferenceClickListener(this);
		findPreference("meinv").setOnPreferenceClickListener(this);
		findPreference("qiche").setOnPreferenceClickListener(this);
	}

	@Override
	public boolean onPreferenceClick(Preference preference) {
		// TODO Auto-generated method stub
		String key = preference.getKey();
		if ("dongman".equals(key)) {

			if (index == 0) {
				((MainActivity) getActivity()).getSlidingMenu().toggle();
				return true;
			}
			index = 0;
			FragmentTransaction ft = ((MainActivity) getActivity())
					.getFragmentManager().beginTransaction();
			ft.replace(R.id.content, new HomeFragment("动漫"));
			ft.commit();
		} else if ("meinv".equals(key)) {

			if (index == 1) {
				((MainActivity) getActivity()).getSlidingMenu().toggle();
				return true;
			}
			index = 1;
			FragmentTransaction ft = ((MainActivity) getActivity())
					.getFragmentManager().beginTransaction();
			ft.replace(R.id.content, new HomeFragment("美女"));
			ft.commit();

		} else if ("qiche".equals(key)) {

			if (index == 2) {
				((MainActivity) getActivity()).getSlidingMenu().toggle();
				return true;
			}
			index = 2;
			FragmentTransaction ft = ((MainActivity) getActivity())
					.getFragmentManager().beginTransaction();
			ft.replace(R.id.content, new HomeFragment("汽车"));
			ft.commit();

		}
		((MainActivity) getActivity()).getSlidingMenu().toggle();

		return false;
	}

这里的侧面菜单栏使用的是继承PerferenceFragment的Preference，这个自行百度吧，方法使用方法是先创建个xml文件，然后在代码中就是上述使用方法。

我贴一下这个xml文件的信息：

<?xml version="1.0" encoding="UTF-8"?>
<PreferenceScreen xmlns:android="http://schemas.android.com/apk/res/android" >

    <Preference
        android:key="dongman"
        android:title="动漫" />
    <Preference
        android:key="meinv"
        android:title="美女" />
    <Preference
        android:key="qiche"
        android:title="汽车" />

</PreferenceScreen>

以上就是这次全部的代码了，大部分思路应该看源码都能懂，就这样了，不懂的可以留言问我。