转 android 侧滑实现

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

效果如下：

主Activity代码：

[java] view plain copy

print?

  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

[java] view plain copy

print?

  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.csdn.net/download/wwj_748/8184889

时间： 2024-10-21 12:25:56

转 android 侧滑实现的相关文章

Android侧滑菜单

1.使用Android Support Library实现 Android目前提供了很方便的侧滑集成,效果如下图所示 具体实现如下: 如果你使用Android Studio,在你的build.gradle文件中添加 dependencies { ... compile 'com.android.support:design:22.2.0' } 如果使用Eclipse(其实Android官方已经不推荐使用,如果要使用的话,可以参考http://developer.android.com/tools

Android 侧滑菜单的实现

Android 侧滑菜单的实现,参考网上的代码,实现侧滑菜单.最重要的是这个动画类UgcAnimations,如何使用动画类来侧滑的封装FlipperLayout. 本文项目源码:点击 1.实现效果 2.动画类UgcAnimations package com.mmsx.base; import android.content.Context; import android.view.View; import android.view.ViewGroup.MarginLayoutParams;

Android侧滑菜单DrawerLayout(抽屉布局)实现

应用场景: 由于侧滑菜单有更好的用户体验效果,所以更多的App使用侧滑抽屉式菜单列表,如网易客户端.百度影音.爱奇艺等等.至此,侧滑菜单有了更多的使用需求. 知识点介绍: 实现侧滑菜单功能的方法有很多,如果开源的项目SlidingMenu,下载地址为https://github.com/jfeinstein10/SlidingMenu.该开源项目依赖于另一个开源项目ActionBarSherlock,下载地址为https://github.com/JakeWharton/ActionBarShe

Android 侧滑菜单的简单实现（SlidingMenu）二

在上一篇博文中已经简单的实现了侧滑菜单,代码也很简单,就几行代码. 这篇文章依然讲侧滑菜单,与前一篇文章不同的是,这篇文章用不同的代码方式来实现侧滑菜单. 在前面的文章中已经用了在Activity中通过SlidingMenu构造方法直接设置侧滑菜单,这里换成通过Activity继承SlidingActivity来实现侧滑. 代码如下: public class MainActivity extends SlidingActivity 重写onCreate()方法: @Override publi

Android侧滑菜单完整详细示例(精装版)

MainActivity如下: package cn.patience7; import android.os.AsyncTask; import android.os.Bundle; import android.view.GestureDetector; import android.view.MotionEvent; import android.view.View; import android.view.View.OnTouchListener; import android.view

Android侧滑菜单完整详细示例(改进版)

MainActivity如下: package cc.cd; import android.os.Bundle; import android.view.View; import android.view.View.OnClickListener; import android.widget.AdapterView; import android.widget.AdapterView.OnItemClickListener; import android.widget.ArrayAdapter;

Android侧滑菜单完整详细示例(基础版)

MainActivity如下: package cc.cd; import android.os.AsyncTask; import android.os.Bundle; import android.util.Log; import android.view.MotionEvent; import android.view.VelocityTracker; import android.view.View; import android.view.View.OnTouchListener; i

Android侧滑菜单DrawerLayout的使用

现在侧滑菜单使用很多,大都是通过SlidingMenu实现.现在也可以通过DrawerLayout 创建抽屉布局 frament_content.xml <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="

Android 侧滑菜单的简单实现（SlidingMenu）

在我还没有学习Android的时候就用过侧滑菜单的APP,当时第一个感觉是:哇塞,这效果不错!当然,现在自己都已经学Android了,这效果当然也要做出来啊~ SlidingMenu是一种比较新的设置界面或配置界面的效果(我觉得已经不新了耶~),在主界面左滑或者右滑出现设置界面效果,能方便的进行各种操作.很多优秀的应用都采用了这种界面方案,像facebook.人人网.everynote.Google+等等.效果如下图: 其实网上已经有很多写SlidingMenu使用的文章了.不过,别人始终是别人