使用SlidingMenu创建左侧滑动菜单+Fragment的简单用法——学习笔记

一、导入SlidingMenu库关联库。

首先在github上下载压缩包。
下载地址是：https://github.com/jfeinstein10/SlidingMenu
下载得到SlidingMenu-master.zip文件，解压后进入library文件夹，然后复制它的路径（比如F:\AndroidStudioProjects\Library\SlidingMenu-master\library），将其导入到项目中，步骤是File→New→Import Module，粘贴了路径后把Module name设置成【:SlidingMenu-library】，然后finish。
几乎任何直接导入的库都是会出问题的，所以要把gradle里面一些数字设置的和自己项目gradle的一样，这个SlidingMenu的gradle里面还可以把buildscript｛｝给注释掉，然后就可以使用了。
不过不要忘了将这个库给自己的项目添加依赖，在Project模式下的App文件上右键，选中Open Module Setting，然后是Dependencies，点右边那个【+】号，选择第三个，Module Dependency，将SlidingMenu库添加。如果忘记添加依赖，那就白导入库了。
最后最后，运行了还是会报错。
Error:(303, 27) 错误: 找不到符号
符号:   方法 sin(float)
位置: 类 FloatMath
这时候进入FloatMath类，会发现sin（float）方法其实就是：
return (float) Math.sin(angle);
所以把FloatMath.sin(f)改为Math.sin(f)即可。
（虽然这些过程我已经非常熟悉，还是要写一下，享受拍打键盘和挥霍时间的快感）

二、粗略的操作步骤

将MainActivity继承的AppCompatActivity改为SlidingFragmentActivity，然后把onCreate的修饰由protect改成public，之后就是如何写代码了。
1.配置主页面
setContentView(R.layout.activity_main);
2.配置左侧菜单布局
setBehindContentView(R.layout.activity_left);
3.配置菜单使用模式：左侧可用
SlidingMenu slidingMenu = getSlidingMenu();
slidingMenu.setMode(SlidingMenu.LEFT);
4.设置拖拽区域：整个屏幕
slidingMenu.setTouchModeAbove(SlidingMenu.TOUCHMODE_FULLSCREEN);
5.配置主页面留着屏幕的宽度：200像素
slidingMenu.setBehindOffset(200);
如果想添加一个右菜单的话，可以在第3步后面加上代码
slidingMenu.setSecondaryMenu(R.layout.activity_rightmenu);
不过一般很少看见这种设计。

以下是代码——

MainActivity：

public class MainActivity extends SlidingFragmentActivity{
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
initSlidingMenu();

}

private void initSlidingMenu(){
setContentView(R.layout.activity_main); //1.设置主页面
setBehindContentView(R.layout.activity_leftmenu); //2.设置左侧菜单
SlidingMenu slidingMenu = getSlidingMenu(); //3.配置菜单
slidingMenu.setMode(SlidingMenu.LEFT); //4.设置菜单显示模式为左侧可用
slidingMenu.setTouchModeAbove(SlidingMenu.TOUCHMODE_FULLSCREEN);//5.设置滑动模式为全屏滑动
slidingMenu.setTouchModeBehind(SlidingMenu.TOUCHMODE_FULLSCREEN);//同时给左菜单添加滑动，如果不添加的话你会发现滑开左侧菜单后，不能从菜单滑回主页面
slidingMenu.setBehindOffset(DensityUtils.dip2px(MainActivity.this, 100));//6.设置主页占据的宽度
}
}

左菜单布局：R.layout.activity_leftmenu

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/left_menu"
android:background="@android:color/holo_blue_light"
android:layout_width="match_parent"
android:layout_height="match_parent">

<TextView
android:text="我就是左侧菜单！！"
android:textSize="30sp"
android:layout_gravity="center"
android:layout_width="wrap_content"
android:layout_height="wrap_content"/>

</FrameLayout>

主页面布局：R.layout.activity_main

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/main_content_fl"
android:layout_width="match_parent"
android:layout_height="match_parent">

<TextView
android:text="主页面"
android:textSize="30sp"
android:textColor="@android:color/holo_blue_light"
android:layout_width="wrap_content"
android:layout_height="wrap_content"/>

</FrameLayout>

效果图



接下来说一下Fragment的简单用法（懒得再写一篇啦！！！而且讲Fragment还需要用刀一点上面的东西来做对比）

如果要把主页面和左侧菜单的布局替换成Fragment，那么首先就需要创建左菜单fragment和主页面fragment，由于每次创建fragment都要重写由于每次创建Fragment老是要去重写onCreate(),onCreateView(),onActivityCreated()等方法，所以干脆创建一个基类，在基类里面重写这些方法，然后让需要重写这些方法的Fragment都来继承这个基类，这样就省去一些麻烦。

接下来写一个Fragment的基类——BaseFragment：

public abstract class BaseFragment extends Fragment {
public Context context;
//    public Activity context;

//当Fragment被创建时候调用这个方法
@Override
public void onCreate(@Nullable Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
context = getActivity();
//        context = getActivity();
}

//当视图被创建的时候回调
@Nullable
@Override
public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
return initView();
}

//当Activity被创建之后被回调
@Override
public void onActivityCreated(@Nullable Bundle savedInstanceState) {
super.onActivityCreated(savedInstanceState);
initData();
}

//让child实现自己的视图，达到child自己特有的效果,这个是强制child去实现的
public abstract View initView();

/**
* 1.如果子页面没有数据，联网请求数据，并绑定到initView初始化的视图上
* 2.如果有数据，就直接绑定
*/
public void initData(){}
}

基类创建好后，来创建左菜单Fragment以及主页面Fragment

左菜单Fragment——LeftMenuFragment:

public class LeftMenuFragment extends BaseFragment {
private TextView textView;

@Override
public View initView() {
textView = new TextView(context);
textView.setTextSize(30);
textView.setGravity(Gravity.CENTER);
LogUtil.e("左侧菜单页面被初始化");
return textView;
}

@Override
public void initData() {
super.initData();
textView.setText("吾乃常山赵子龙！");
Log.e("左侧数据被初始化");
}
}

主页面Fragment——ContentFragment:

public class ContentMenuFragment extends BaseFragment {

private TextView textView;

@Override
public View initView() {
textView = new TextView(context);
textView.setTextSize(30);
textView.setGravity(Gravity.CENTER);
LogUtil.e("主页面被初始化");
return textView;
}

@Override
public void initData() {
super.initData();
textView.setText("卧龙凤雏，得一而安天下！");
Log.e("主页面数据被初始化");
}
}

当然了，上面写在initData的setText方法可以写在initView中，之所以写在initData中是为了形成一种数据和视图分离的思维，有一点扯淡，就是见仁见智的事情吧，也不太好说明。

这两个Fragment写完之后，在MainActivity里面替换即可，接下来初始化Fragment并且替换布局，

在MainActivity中写一个方法：

private void initFragment(){
FragmentManager fm = getSupportFragmentManager(); //获取manager
FragmentTransaction ft = fm.beginTransaction(); //开启事务
ft.replace(R.id.main_content_fl, new ContentMenuFragment(), CONTENT_MENU_TAG); //替换主页面,第三个设置的Tag参数用于找到这个Fragment
ft.replace(R.id.left_menu, new LeftMenuFragment(), LEFT_MENU_TAG); //替换左侧菜单
ft.commit();//提交
}

把上面这个方法添加到onCreat中即可，注意最后的commit()千万别忘了，我就是忘记写这个，然后页面一直是原来的内容，我找了好久问题所在！！！

以下是运行结果



可以发现，Fragment并没有真正的替换掉原布局中的TextView，只是覆盖在上面了，只要把原布局中的TextView相关代码删除或者注释掉即可。以下是删除后的运行结果：



然后下面是MainActiviy的最终代码：

public class MainActivity extends SlidingFragmentActivity{

private static final String CONTENT_MENU_TAG = "content_menu_tag";
private static final String LEFT_MENU_TAG = "left_menu_tag";

@Override
public boolean onKeyDown(int keyCode, KeyEvent event) {
switch (keyCode) {
case KeyEvent.KEYCODE_BACK:
AlertDialog.Builder build = new AlertDialog.Builder(this);
build.setTitle("注意")
.setMessage("确定要退出吗？")
.setPositiveButton("确定", new DialogInterface.OnClickListener() {
@Override
public void onClick(DialogInterface dialog, int which) {
finish();
}
})
.setNegativeButton("取消", new DialogInterface.OnClickListener() {
@Override
public void onClick(DialogInterface dialog, int which) {
}
})
.show();
break;
default:
break;
}
return false;
}

@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
initSlidingMenu();
initFragment();
}

private void initSlidingMenu(){
setContentView(R.
9801
layout.activity_main); //1.设置主页面
setBehindContentView(R.layout.activity_leftmenu); //2.设置左侧菜单
SlidingMenu slidingMenu = getSlidingMenu(); //3.配置菜单
slidingMenu.setMode(SlidingMenu.LEFT); //4.设置菜单显示模式为左侧可用
slidingMenu.setTouchModeAbove(SlidingMenu.TOUCHMODE_FULLSCREEN);//5.设置滑动模式为全屏滑动
slidingMenu.setTouchModeBehind(SlidingMenu.TOUCHMODE_FULLSCREEN);//同时给左菜单添加滑动
slidingMenu.setBehindOffset(DensityUtils.dip2px(MainActivity.this, 100));//6.设置主页占据的宽度
}

private void initFragment(){
FragmentManager fm = getSupportFragmentManager(); //获取manager
FragmentTransaction ft = fm.beginTransaction(); //开启事务
ft.replace(R.id.main_content_fl, new ContentMenuFragment(), CONTENT_MENU_TAG); //替换主页面,第三个设置的Tag参数用于找到这个Fragment
ft.replace(R.id.left_menu, new LeftMenuFragment(), LEFT_MENU_TAG); //替换左侧菜单
ft.commit();//不能忘不能忘不能忘！！！！
}
}

多了一个重写的onKeyDown()方法，这个方法用来设置点击返回键是否退出程序。

下面是运行图：