转 android 侧滑实现

本篇博客给大家分享一个效果比较好的侧滑菜单的Demo，实现点击左边菜单切换Fragment。

效果如下：

主Activity代码：

1. package com.infzm.slidingmenu.demo;
2. import android.os.Bundle;
3. import android.support.v4.app.Fragment;
4. import android.view.View;
5. import android.view.View.OnClickListener;
6. import android.view.Window;
7. import android.widget.ImageView;
8. import android.widget.TextView;
9. import com.infzm.slidingmenu.demo.fragment.LeftFragment;
10. import com.infzm.slidingmenu.demo.fragment.TodayFragment;
11. import com.jeremyfeinstein.slidingmenu.lib.SlidingMenu;
12. import com.jeremyfeinstein.slidingmenu.lib.app.SlidingFragmentActivity;
13. /**
14. * @date 2014/11/14
15. * @author wuwenjie
16. * @description 主界面
17. */
18. public class MainActivity extends SlidingFragmentActivity implements
19. OnClickListener {
20. private ImageView topButton;
21. private Fragment mContent;
22. private TextView topTextView;
23. @Override
24. public void onCreate(Bundle savedInstanceState) {
25. requestWindowFeature(Window.FEATURE_NO_TITLE); // 无标题
26. super.onCreate(savedInstanceState);
27. setContentView(R.layout.activity_main);
28. initSlidingMenu(savedInstanceState);
29. topButton = (ImageView) findViewById(R.id.topButton);
30. topButton.setOnClickListener(this);
31. topTextView = (TextView) findViewById(R.id.topTv);
32. }
33. /**
34. * 初始化侧边栏
35. */
36. private void initSlidingMenu(Bundle savedInstanceState) {
37. // 如果保存的状态不为空则得到之前保存的Fragment，否则实例化MyFragment
38. if (savedInstanceState != null) {
39. mContent = getSupportFragmentManager().getFragment(
40. savedInstanceState, "mContent");
41. }
42. if (mContent == null) {
43. mContent = new TodayFragment();
44. }
45. // 设置左侧滑动菜单
46. setBehindContentView(R.layout.menu_frame_left);
47. getSupportFragmentManager().beginTransaction()
48. .replace(R.id.menu_frame, new LeftFragment()).commit();
49. // 实例化滑动菜单对象
50. SlidingMenu sm = getSlidingMenu();
51. // 设置可以左右滑动的菜单
52. sm.setMode(SlidingMenu.LEFT);
53. // 设置滑动阴影的宽度
54. sm.setShadowWidthRes(R.dimen.shadow_width);
55. // 设置滑动菜单阴影的图像资源
56. sm.setShadowDrawable(null);
57. // 设置滑动菜单视图的宽度
58. sm.setBehindOffsetRes(R.dimen.slidingmenu_offset);
59. // 设置渐入渐出效果的值
60. sm.setFadeDegree(0.35f);
61. // 设置触摸屏幕的模式,这里设置为全屏
62. sm.setTouchModeAbove(SlidingMenu.TOUCHMODE_FULLSCREEN);
63. // 设置下方视图的在滚动时的缩放比例
64. sm.setBehindScrollScale(0.0f);
65. }
66. @Override
67. protected void onSaveInstanceState(Bundle outState) {
68. super.onSaveInstanceState(outState);
69. getSupportFragmentManager().putFragment(outState, "mContent", mContent);
70. }
71. /**
72. * 切换Fragment
73. *
74. * @param fragment
75. */
76. public void switchConent(Fragment fragment, String title) {
77. mContent = fragment;
78. getSupportFragmentManager().beginTransaction()
79. .replace(R.id.content_frame, fragment).commit();
80. getSlidingMenu().showContent();
81. topTextView.setText(title);
82. }
83. @Override
84. public void onClick(View v) {
85. switch (v.getId()) {
86. case R.id.topButton:
87. toggle();
88. break;
89. default:
90. break;
91. }
92. }
93. }

package com.infzm.slidingmenu.demo;

import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.Window;
import android.widget.ImageView;
import android.widget.TextView;

import com.infzm.slidingmenu.demo.fragment.LeftFragment;
import com.infzm.slidingmenu.demo.fragment.TodayFragment;
import com.jeremyfeinstein.slidingmenu.lib.SlidingMenu;
import com.jeremyfeinstein.slidingmenu.lib.app.SlidingFragmentActivity;

/**
 * @date 2014/11/14
 * @author wuwenjie
 * @description 主界面
 */
public class MainActivity extends SlidingFragmentActivity implements
		OnClickListener {

	private ImageView topButton;
	private Fragment mContent;
	private TextView topTextView;

	@Override
	public void onCreate(Bundle savedInstanceState) {
		requestWindowFeature(Window.FEATURE_NO_TITLE); // 无标题
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		initSlidingMenu(savedInstanceState);

		topButton = (ImageView) findViewById(R.id.topButton);
		topButton.setOnClickListener(this);
		topTextView = (TextView) findViewById(R.id.topTv);
	}

	/**
	 * 初始化侧边栏
	 */
	private void initSlidingMenu(Bundle savedInstanceState) {
		// 如果保存的状态不为空则得到之前保存的Fragment，否则实例化MyFragment
		if (savedInstanceState != null) {
			mContent = getSupportFragmentManager().getFragment(
					savedInstanceState, "mContent");
		}

		if (mContent == null) {
			mContent = new TodayFragment();
		}

		// 设置左侧滑动菜单
		setBehindContentView(R.layout.menu_frame_left);
		getSupportFragmentManager().beginTransaction()
				.replace(R.id.menu_frame, new LeftFragment()).commit();

		// 实例化滑动菜单对象
		SlidingMenu sm = getSlidingMenu();
		// 设置可以左右滑动的菜单
		sm.setMode(SlidingMenu.LEFT);
		// 设置滑动阴影的宽度
		sm.setShadowWidthRes(R.dimen.shadow_width);
		// 设置滑动菜单阴影的图像资源
		sm.setShadowDrawable(null);
		// 设置滑动菜单视图的宽度
		sm.setBehindOffsetRes(R.dimen.slidingmenu_offset);
		// 设置渐入渐出效果的值
		sm.setFadeDegree(0.35f);
		// 设置触摸屏幕的模式,这里设置为全屏
		sm.setTouchModeAbove(SlidingMenu.TOUCHMODE_FULLSCREEN);
		// 设置下方视图的在滚动时的缩放比例
		sm.setBehindScrollScale(0.0f);

	}

	@Override
	protected void onSaveInstanceState(Bundle outState) {
		super.onSaveInstanceState(outState);
		getSupportFragmentManager().putFragment(outState, "mContent", mContent);
	}

	/**
	 * 切换Fragment
	 *
	 * @param fragment
	 */
	public void switchConent(Fragment fragment, String title) {
		mContent = fragment;
		getSupportFragmentManager().beginTransaction()
				.replace(R.id.content_frame, fragment).commit();
		getSlidingMenu().showContent();
		topTextView.setText(title);
	}

	@Override
	public void onClick(View v) {
		switch (v.getId()) {
		case R.id.topButton:
			toggle();
			break;
		default:
			break;
		}
	}

}

侧边栏菜单Fragment

1. package com.infzm.slidingmenu.demo.fragment;
2. import android.app.Activity;
3. import android.os.Bundle;
4. import android.support.v4.app.Fragment;
5. import android.view.LayoutInflater;
6. import android.view.View;
7. import android.view.View.OnClickListener;
8. import android.view.ViewGroup;
9. import com.infzm.slidingmenu.demo.MainActivity;
10. import com.infzm.slidingmenu.demo.R;
11. /**
12. * @date 2014/11/14
13. * @author wuwenjie
14. * @description 侧边栏菜单
15. */
16. public class LeftFragment extends Fragment implements OnClickListener{
17. private View todayView;
18. private View lastListView;
19. private View discussView;
20. private View favoritesView;
21. private View commentsView;
22. private View settingsView;
23. @Override
24. public void onCreate(Bundle savedInstanceState) {
25. super.onCreate(savedInstanceState);
26. }
27. @Override
28. public void onAttach(Activity activity) {
29. super.onAttach(activity);
30. }
31. @Override
32. public View onCreateView(LayoutInflater inflater, ViewGroup container,
33. Bundle savedInstanceState) {
34. View view = inflater.inflate(R.layout.layout_menu, null);
35. findViews(view);
36. return view;
37. }
38. public void findViews(View view) {
39. todayView = view.findViewById(R.id.tvToday);
40. lastListView = view.findViewById(R.id.tvLastlist);
41. discussView = view.findViewById(R.id.tvDiscussMeeting);
42. favoritesView = view.findViewById(R.id.tvMyFavorites);
43. commentsView = view.findViewById(R.id.tvMyComments);
44. settingsView = view.findViewById(R.id.tvMySettings);
45. todayView.setOnClickListener(this);
46. lastListView.setOnClickListener(this);
47. discussView.setOnClickListener(this);
48. favoritesView.setOnClickListener(this);
49. commentsView.setOnClickListener(this);
50. settingsView.setOnClickListener(this);
51. }
52. @Override
53. public void onDestroyView() {
54. super.onDestroyView();
55. }
56. @Override
57. public void onDestroy() {
58. super.onDestroy();
59. }
60. @Override
61. public void onClick(View v) {
62. Fragment newContent = null;
63. String title = null;
64. switch (v.getId()) {
65. case R.id.tvToday: // 今日
66. newContent = new TodayFragment();
67. title = getString(R.string.today);
68. break;
69. case R.id.tvLastlist:// 往期列表
70. newContent = new LastListFragment();
71. title = getString(R.string.lastList);
72. break;
73. case R.id.tvDiscussMeeting: // 讨论集会
74. newContent = new DiscussFragment();
75. title = getString(R.string.discussMeetting);
76. break;
77. case R.id.tvMyFavorites: // 我的收藏
78. newContent = new MyFavoritesFragment();
79. title = getString(R.string.myFavorities);
80. break;
81. case R.id.tvMyComments: // 我的评论
82. newContent = new MyCommentsFragment();
83. title = getString(R.string.myComments);
84. break;
85. case R.id.tvMySettings: // 设置
86. newContent = new MySettingsFragment();
87. title = getString(R.string.settings);
88. break;
89. default:
90. break;
91. }
92. if (newContent != null) {
93. switchFragment(newContent, title);
94. }
95. }
96. /**
97. * 切换fragment
98. * @param fragment
99. */
100. private void switchFragment(Fragment fragment, String title) {
101. if (getActivity() == null) {
102. return;
103. }
104. if (getActivity() instanceof MainActivity) {
105. MainActivity fca = (MainActivity) getActivity();
106. fca.switchConent(fragment, title);
107. }
108. }
109. }

package com.infzm.slidingmenu.demo.fragment;

import android.app.Activity;
import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.view.LayoutInflater;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.ViewGroup;

import com.infzm.slidingmenu.demo.MainActivity;
import com.infzm.slidingmenu.demo.R;
/**
 * @date 2014/11/14
 * @author wuwenjie
 * @description 侧边栏菜单
 */
public class LeftFragment extends Fragment implements OnClickListener{
	private View todayView;
	private View lastListView;
	private View discussView;
	private View favoritesView;
	private View commentsView;
	private View settingsView;

	@Override
	public void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
	}

	@Override
	public void onAttach(Activity activity) {
		super.onAttach(activity);
	}

	@Override
	public View onCreateView(LayoutInflater inflater, ViewGroup container,
			Bundle savedInstanceState) {
		View view = inflater.inflate(R.layout.layout_menu, null);
		findViews(view);

		return view;
	}

	public void findViews(View view) {
		todayView = view.findViewById(R.id.tvToday);
		lastListView = view.findViewById(R.id.tvLastlist);
		discussView = view.findViewById(R.id.tvDiscussMeeting);
		favoritesView = view.findViewById(R.id.tvMyFavorites);
		commentsView = view.findViewById(R.id.tvMyComments);
		settingsView = view.findViewById(R.id.tvMySettings);

		todayView.setOnClickListener(this);
		lastListView.setOnClickListener(this);
		discussView.setOnClickListener(this);
		favoritesView.setOnClickListener(this);
		commentsView.setOnClickListener(this);
		settingsView.setOnClickListener(this);
	}

	@Override
	public void onDestroyView() {
		super.onDestroyView();
	}

	@Override
	public void onDestroy() {
		super.onDestroy();
	}

	@Override
	public void onClick(View v) {
		Fragment newContent = null;
		String title = null;
		switch (v.getId()) {
		case R.id.tvToday: // 今日
			newContent = new TodayFragment();
			title = getString(R.string.today);
			break;
		case R.id.tvLastlist:// 往期列表
			newContent = new LastListFragment();
			title = getString(R.string.lastList);
			break;
		case R.id.tvDiscussMeeting: // 讨论集会
			newContent = new DiscussFragment();
			title = getString(R.string.discussMeetting);
			break;
		case R.id.tvMyFavorites: // 我的收藏
			newContent = new MyFavoritesFragment();
			title = getString(R.string.myFavorities);
			break;
		case R.id.tvMyComments: // 我的评论
			newContent = new MyCommentsFragment();
			title = getString(R.string.myComments);
			break;
		case R.id.tvMySettings: // 设置
			newContent = new MySettingsFragment();
			title = getString(R.string.settings);
			break;
		default:
			break;
		}
		if (newContent != null) {
			switchFragment(newContent, title);
		}
	}

	/**
	 * 切换fragment
	 * @param fragment
	 */
	private void switchFragment(Fragment fragment, String title) {
		if (getActivity() == null) {
			return;
		}
		if (getActivity() instanceof MainActivity) {
			MainActivity fca = (MainActivity) getActivity();
			fca.switchConent(fragment, title);
		}
	}

}

上面是核心代码，引入SlidingMenu开源库。

Demo下载地址：http://download.****.net/download/wwj_748/8184889