使用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.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()方法，这个方法用来设置点击返回键是否退出程序。
下面是运行图：