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

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。