SlidingMenu 详解

郎增

2023-12-01

SlidingMenu侧拉菜单，是一种新的设置界面结果。在主界面左滑或者右滑呈现设置界面，能便利的进行各类操纵，现在有大量的应用都在使用这一开源组件。

在实战开发中使用SlidingMenu之前必须添加两个资源包：SlidingMenu和ActionBarSherlock，不然会报资料找不到错误。

github地址：https://github.com/jfeinstein10/SlidingMenu

ActionBarSherlock 地址：https://github.com/JakeWharton/ActionBarSherlock

配置好之后，必须将SlidingMenu和ActionBarSherlock中的V4包必须与新项目的V4包版本一致，不然V4包会报错。最好将新项目中的V4包复制，替换掉到SlidingMenu和ActionBarSherlock中V4包。这样就可以在新项目中调用SlidingMenu开源类了。

SlidingMenu 常用属性：

menu.setMode（SlidingMenu.LEFT）;//设置左滑菜单

menu.setTouchModeAbove（SlidingMenu.TOUCHMODE_FULLSCREEN）;//设置滑动的屏幕局限，该设置为全屏区域都可以滑动

menu.setShadowDrawable（R.drawable.shadow）;//设置暗影

menu.setShadowWidthRes（R.dimen.shadow_width）;//设置暗影的宽度

menu.setBehindOffsetRes（R.dimen.slidingmenu_offset）;//SlidingMenu划出时主页面显示的剩余宽度

menu.setBehindWidth（400）;//设置SlidingMenu菜单的宽度

menu.setFadeDegree（0.35f）;//SlidingMenu滑动时的渐变程度

menu.attachToActivity（this， SlidingMenu.SLIDING_CONTENT）;//使SlidingMenu附加在Activity上

menu.setMenu（R.layout.menu_layout）;//设置menu的布局文件

menu.toggle（）;//动态断定主动封闭或开启SlidingMenu

menu.showMenu（）;//显示SlidingMenu

menu.showContent（）;//显示内容

menu.setOnOpenListener（onOpenListener）;//slidingmenu打开关于封闭menu有两个，简单的来说，对于menu close事务，一个是when，一个是after

menu.OnClosedListener（OnClosedListener）;//slidingmenu封闭时事务

menu.OnClosedListener（OnClosedListener）;//slidingmenu封闭后事务

menu.setSlidingEnabled(false);//默认是true,激活slidingmenu, false 不激活slidingmenu,所设置的slidingmenu不起作用。

以下介绍一下，本人在面试时候，利用slidingmenu做的一个小项目。大概介绍以下，中间有3张图片，存放到一个viewPager里面，可以左右滑动。左，右两边都有一个隐藏的侧拉菜单。

=============================================MainActivity 的代码

package com.example.myproject;

import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentActivity;
import android.view.Window;
import android.widget.FrameLayout;

import com.jeremyfeinstein.slidingmenu.lib.SlidingMenu;

public class MainActivity extends FragmentActivity {

private SlidingMenu slidingMenuLeft;
private SlidingMenu slidingMenuRight;
private FrameLayout mFragmentLayout;

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
requestWindowFeature(Window.FEATURE_NO_TITLE);
setContentView(R.layout.activity_main);
initialSlidingMenu();
initialWidgest();
}

/**
* 初始化控件
*/
private void initialWidgest() {
mFragmentLayout = (FrameLayout) findViewById(R.id.fragment_layout_null);
loadFragment();
}

/**
* 加载Fragment
*/
private void loadFragment() {
Fragment frgmt = new MainFragment();
getSupportFragmentManager().beginTransaction()
.add(R.id.fragment_layout_null, frgmt).commit();
}

/**
* 创建侧拉菜单
*/
private void initialSlidingMenu() {
//左侧菜单，默认为true;
slidingMenuLeft = new SlidingMenu(this);
slidingMenuLeft.setMode(SlidingMenu.LEFT);
slidingMenuLeft.setShadowWidthRes(R.dimen.sliding_menu_shadow_width);
slidingMenuLeft.setBehindOffsetRes(R.dimen.sliding_menu_offest);
slidingMenuLeft.setTouchModeAbove(SlidingMenu.TOUCHMODE_FULLSCREEN);
slidingMenuLeft.attachToActivity(this, SlidingMenu.SLIDING_CONTENT);
slidingMenuLeft.setMenu(R.layout.sliding_menu_layout);
//右侧菜单，默认为false;
slidingMenuRight = new SlidingMenu(this);
slidingMenuRight.setMode(SlidingMenu.RIGHT);
slidingMenuRight.setShadowWidthRes(R.dimen.sliding_menu_shadow_width);
slidingMenuRight.setBehindOffsetRes(R.dimen.sliding_menu_offest);
slidingMenuRight.setTouchModeAbove(SlidingMenu.TOUCHMODE_FULLSCREEN);
slidingMenuRight.attachToActivity(this, SlidingMenu.SLIDING_CONTENT);
slidingMenuRight.setMenu(R.layout.sliding_menu_layout);
slidingMenuRight.setSlidingEnabled(false);
}

public SlidingMenu getSlidingMenuLeft() {
return slidingMenuLeft;
}

public SlidingMenu getSlidingMenuRight() {
return slidingMenuRight;
}
}

===================================MainActivity的xml布局文件，放置一个FrameLayout ，后面再把ViewPager 放到FrameLayout中

========================================MainFragment 的代码

package com.example.myproject;

import java.util.ArrayList;

import android.app.Activity;
import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.support.v4.view.PagerAdapter;
import android.support.v4.view.ViewPager;
import android.support.v4.view.ViewPager.OnPageChangeListener;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;
import android.widget.ImageView.ScaleType;

import com.jeremyfeinstein.slidingmenu.lib.SlidingMenu;

public class MainFragment extends Fragment {

   private ViewPager mViewPager;
   // 图片资源
   Integer[] data = new Integer[] { R.drawable.iamge_01, R.drawable.iamge_02,
           R.drawable.iamge_03, };
   private ArrayList<View> cacheViews = new ArrayList<View>();

   private SlidingMenu smLeft;
   private SlidingMenu smRight;

   // 关联到Activity
   @Override
   public void onAttach(Activity activity) {
       smLeft = ((MainActivity) activity).getSlidingMenuLeft();
       smRight = ((MainActivity) activity).getSlidingMenuRight();
       super.onAttach(activity);
   }

   @Override
   public View onCreateView(LayoutInflater inflater, ViewGroup container,
           Bundle savedInstanceState) {
       View view = inflater.inflate(R.layout.view_pager_fragment, null);
       mViewPager = (ViewPager) view.findViewById(R.id.viewpager);
       ViewPagerAdapter adapter = new ViewPagerAdapter();
       mViewPager.setAdapter(adapter);
       mViewPager.setOnPageChangeListener(mOnPageChangeListener);
       return view;
   }

   /**
   * ViewPager监听器
   */
   private OnPageChangeListener mOnPageChangeListener = new OnPageChangeListener() {

       @Override
       public void onPageSelected(int position) {

          //只有是第一张图片的时候，才激活左侧菜单，或则都不激活左侧菜单
           if (position == 0) {
               smLeft.setSlidingEnabled(true);
           } else {
               smLeft.setSlidingEnabled(false);
           }
          //只有是最后一张图片的时候，才激活右侧菜单，或则都不激活右侧菜单
           if (position == (data.length - 1)) {
               smRight.setSlidingEnabled(true);
           } else {
               smRight.setSlidingEnabled(false);
           }
       }

       @Override
       public void onPageScrolled(int arg0, float arg1, int arg2) {
           // TODO Auto-generated method stub

       }

       @Override
       public void onPageScrollStateChanged(int arg0) {
           // TODO Auto-generated method stub

       }
   };

   /**
   * ViewPager适配器
   */
   class ViewPagerAdapter extends PagerAdapter {

       @Override
       public int getCount() {
           return data.length;
       }

       @Override
       public Object instantiateItem(ViewGroup container, int position) {

         //动态生成ImageView   ，将图片放到ViewPager中。
           ImageView view = new ImageView(getActivity());
           view.setScaleType(ScaleType.CENTER_CROP);
           view.setImageResource(data[position]);
           cacheViews.add(position, view);
           container.addView(view);
           return view;
       }

       @Override
       public void destroyItem(ViewGroup container, int position, Object object) {

          //销毁不显示的图片信息
           View view = cacheViews.get(position);
           if (view == object) {
               container.removeView(view);
           }
       }

       @Override
       public boolean isViewFromObject(View arg0, Object arg1) {
           return arg0 == arg1;
       }
   }

}

========================================MainFragment 所引用的Layout布局文件

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >
s
    <android.support.v4.view.ViewPager
        android:id="@+id/viewpager"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

</RelativeLayout>

SlidingMenu 详解

相关阅读

相关文章

相关问答

相关文档