Android UI实现SlidingMenu侧滑菜单效果

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

主Activity代码：

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

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开源库。

来源：http://blog.csdn.net/wwj_748/article/details/41355459