Android UI-SlidingMenu侧滑菜单效果

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

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

http://blog.csdn.net/wwj_748/article/details/41355459