SlidingMenu(侧滑框)的使用、ViewPager冲突处理

最新推荐文章于 2017-11-18 12:37:42 发布

原创最新推荐文章于 2017-11-18 12:37:42 发布 · 5.3w 阅读

19 ·

CC 4.0 BY-SA版权

文章标签：

#SlidingMen #ViewPager #冲突处理

第三方工具使用专栏收录该内容

1 篇文章

订阅专栏

本文详细介绍了如何在Android应用中实现SlidingMenu，并提供了两种实现方式：直接实例化SlidingMenu及通过继承SlidingFragmentActivity的方式。此外，还讨论了SlidingMenu与ViewPager的冲突解决方法以及如何实现左右滑动的SlidingMenu。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

我的视频学习地址,一起来学习Android…
http://edu.youkuaiyun.com/course/detail/2741/43164?auto_start=1

代码下载详见
SlidingMenu+ViewPager冲突解决
http://download.youkuaiyun.com/detail/zhiyuan0932/9501092
SlidingMenu简单配置
http://download.youkuaiyun.com/detail/zhiyuan0932/9500675
左右滑动的SlidingMenu
http://download.youkuaiyun.com/detail/zhiyuan0932/9552196

下载libary

https://github.com/jfeinstein10/SlidingMenu

导包

将所下载的libary包导入到项目中（该地址下的工具包支持Eclipse）

这里写图片描述

创建自己的项目

在这提供两种方式来使用SlidingMenu
第一种写法—直接实例化SlidingMenu，逻辑一般实现在activity中

    private void initSlidingMenu() {
        // 初始化SlidingMenu对象
        SlidingMenu menu = new SlidingMenu(this);
        // 设置侧滑方式为左侧侧滑
        menu.setMode(SlidingMenu.LEFT);
        /*
         * 设置拖拽模式 SlidingMenu.TOUCHMODE_FULLSCREEN全屏触摸有效
         * SlidingMenu.TOUCHMODE_MARGIN 拖拽边缘有效 SlidingMenu.TOUCHMODE_NONE
         * 不响应触摸事件
         */
        menu.setTouchModeAbove(SlidingMenu.TOUCHMODE_FULLSCREEN);
        // 设置阴影的宽度
        menu.setShadowWidthRes(R.dimen.shadow_width);
        // 设置阴影的图片
        menu.setShadowDrawable(R.drawable.shadow);
        // 设置sldingMenu的剩余大小---=内容显示页对应的dp大小
        menu.setBehindOffsetRes(R.dimen.slidingmenu_offset);
        // 设置滑动时的渐变程度
        menu.setFadeDegree(0.35f);
        // 使SlidingMenu附加在Activity右边
        // SlidingMenu.SLIDING_CONTENT 将侧滑栏设置为在内容位置
        // SlidingMenu.SLIDING_WINDOW 将侧滑栏设置为在整个窗口呈现
        menu.attachToActivity(this, SlidingMenu.SLIDING_CONTENT);
        // 设置SlidingMenu关联的布局
        menu.setMenu(R.layout.menu);
        // 在SlidingMenu关联布局中查询控件
        TextView tv_test = (TextView) menu.findViewById(R.id.tv_test);
        // 简单设置SlidingMenu界面显示内容
        tv_test.setText("haha");
    }

相关联的dimen配置

<resources>


    <dimen name="shadow_width">16dp</dimen>
    <dimen name="slidingmenu_offset">160dp</dimen>

</resources>

这里写图片描述

第二种写法—让类继承SlidingFragmentActivity或其他Sliding类型的Activity

这种写法可以单独将SlidingMenu要展示的内容抽取出来，放到某一个Fragment中去处理
- 代码演示

public class MainActivity extends SlidingFragmentActivity {

    private SlidingMenu slidingMenu;

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        requestWindowFeature(Window.FEATURE_NO_TITLE);
        // 内容页布局
        setContentView(R.layout.activity_main);
        // 设置侧拉条目布局
        setBehindContentView(R.layout.menu_frame);
        // 获取侧拉栏目对象
        slidingMenu = getSlidingMenu();

        /*
         * SlidingMenu.TOUCHMODE_FULLSCREEN全屏触摸有效 SlidingMenu.TOUCHMODE_MARGIN
         * 拖拽边缘有效 SlidingMenu.TOUCHMODE_NONE 不响应触摸事件
         */
        slidingMenu.setTouchModeAbove(SlidingMenu.TOUCHMODE_FULLSCREEN);

        // 设置内容显示页对应的dp大小
        slidingMenu.setBehindOffsetRes(R.dimen.slidingmenu_offset);
        // //设置左侧侧拉栏目宽度
        // slidingMenu.setBehindWidth(140);
        // 设置侧拉栏目所在位置
        /*
         * SlidingMenu.LEFT SlidingMenu.LEFT_RIGHT SlidingMenu.RIGHT
         */
        slidingMenu.setMode(SlidingMenu.LEFT);
        // 给侧拉栏目和左侧内容页区分开(加线)
        slidingMenu.setShadowDrawable(R.drawable.shadow);
        // 设置线的宽度
        slidingMenu.setShadowWidthRes(R.dimen.shadow_width);

        // fragment去替换布局中节点
        MenuFragment menuFragment = new MenuFragment();
        // FragmentManager管理者
        getSupportFragmentManager()
        // 开启事物
        .beginTransaction()
        // 通过fragment去替换对应布局
        .replace(R.id.menu, menuFragment, "MENU")
        // 提交事物
        .commit();
    }

MenuFragment代码

public class MenuFragment extends Fragment {
    private ListView listView;

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
            Bundle savedInstanceState) {
        View view = inflater.inflate(R.layout.menu_layout, container, false);
        listView = (ListView) view.findViewById(R.id.lv);
        return view;
    }

    @Override
    public void onActivityCreated(Bundle savedInstanceState) {
        super.onActivityCreated(savedInstanceState);
        ArrayList<String> strList = new ArrayList<String>();
        for (int i = 0; i < 10; i++) {
            strList.add("第" + i + "个条目");
        }
        // 设置数据适配器
        listView.setAdapter(new ArrayAdapter<String>(getActivity(),
                android.R.layout.simple_list_item_1, strList));
    }

}

布局配置
- activity_main 的布局配置

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

</RelativeLayout>

menu_frame的配置

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

    <FrameLayout
        android:id="@+id/menu"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" >
    </FrameLayout>

</LinearLayout>

memu_layout的布局配置

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

    <ListView
        android:id="@+id/lv"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" >
    </ListView>

</LinearLayout>

这里写图片描述

SlidingMenu和ViewPager的冲突处理

当界面使用viewPager来填充的时候，会出现一个问题，不管在什么位置，我们都能够将SlidingMenu拖拽出来，影响了ViewPager的正常滑动，我们可能会要求只有在第一页的时候，能够将SlidingMenu拖拽出来，其他时候，可以在最边缘位置，或者根本不拖拽出来。这里需要设置这样的代码

// 设置ViewPager的监听事件
viewPager.setOnPageChangeListener(new OnPageChangeListener() {

    @Override
    public void onPageSelected(int arg0) {
        // 当当天条目是0的时候，设置可以在任意位置拖拽出SlidingMenu
        if (arg0 == 0) {
            getSlidingMenu().setTouchModeAbove(
                    SlidingMenu.TOUCHMODE_FULLSCREEN);
        } else {
            // 当在其他位置的时候，设置不可以拖拽出来(SlidingMenu.TOUCHMODE_NONE)，或只有在边缘位置才可以拖拽出来TOUCHMODE_MARGIN
            getSlidingMenu().setTouchModeAbove(
                    SlidingMenu.TOUCHMODE_NONE);
        }
    }

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

    }

    @Override
    public void onPageScrollStateChanged(int arg0) {

    }
});

左右滑动的SlidingMenu

代码

package com.example.slidingmenu;

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

import com.jeremyfeinstein.slidingmenu.lib.SlidingMenu;
import com.jeremyfeinstein.slidingmenu.lib.app.SlidingFragmentActivity;

public class MainActivity extends SlidingFragmentActivity {

    private SlidingMenu slidingMenu;

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        requestWindowFeature(Window.FEATURE_NO_TITLE);
        // 内容页布局
        setContentView(R.layout.content);
        // 设置侧拉条目布局
        setBehindContentView(R.layout.menu_frame);
        // 获取侧拉栏目对象
        slidingMenu = getSlidingMenu();

        /*
         * SlidingMenu.TOUCHMODE_FULLSCREEN全屏触摸有效 SlidingMenu.TOUCHMODE_MARGIN
         * 拖拽边缘有效 SlidingMenu.TOUCHMODE_NONE 不响应触摸事件
         */
        slidingMenu.setTouchModeAbove(SlidingMenu.TOUCHMODE_FULLSCREEN);

        // 设置内容显示页对应的dp大小
        slidingMenu.setBehindOffsetRes(R.dimen.slidingmenu_offset);
        // //设置左侧侧拉栏目宽度
        // slidingMenu.setBehindWidth(140);
        // 设置侧拉栏目所在位置
        /*
         * SlidingMenu.LEFT SlidingMenu.LEFT_RIGHT SlidingMenu.RIGHT
         */
        slidingMenu.setMode(SlidingMenu.LEFT_RIGHT);
        // 给侧拉栏目和左侧内容页区分开(加线)
        slidingMenu.setShadowDrawable(R.drawable.shadow);
        // 设置线的宽度
        slidingMenu.setShadowWidthRes(R.dimen.shadow_width);

        // fragment去替换布局中节点
        MenuFragment menuFragment = new MenuFragment();
        // FragmentManager管理者
        getSupportFragmentManager()
        // 开启事物
                .beginTransaction()
                // 通过fragment去替换对应布局
                .replace(R.id.menu, menuFragment, "MENU")
                // 提交事物
                .commit();

        slidingMenu.setSecondaryMenu(R.layout.menu_frame_right);
        // 设置右侧分割线的图片
        slidingMenu.setSecondaryShadowDrawable(R.drawable.shadow);

        RightMenuFragment rightMenuFragment = new RightMenuFragment();
        // FragmentManager管理者
        getSupportFragmentManager()
        // 开启事物
                .beginTransaction()
                // 通过fragment去替换对应布局
                .replace(R.id.menu_right, rightMenuFragment, "MENU_RIGHT")
                // 提交事物
                .commit();
    }

    // 当前类中做替换当前显示内容界面的操作
    public void switchFragment(Fragment fragment) {
        if (fragment != null) {
            getSupportFragmentManager().beginTransaction()
                    .replace(R.id.content_frame, fragment, "HOME").commit();
            // 缩回(点击弹出左侧侧拉栏目)
            slidingMenu.toggle();
        }
    }

}

布局content.xml

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

布局menu_frame_right.xml

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

布局 menu_frame.xml

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

dimens 配置

<resources>

    <!-- Default screen margins, per the Android Design guidelines. -->
     <dimen name="activity_horizontal_margin">16dp</dimen>
    <dimen name="activity_vertical_margin">16dp</dimen>
    <dimen name="slidingmenu_offset">180dp</dimen>
    <dimen name="list_padding">10dp</dimen>
    <dimen name="shadow_width">5dp</dimen>


</resources>

demo详见
SlidingMenu+ViewPager冲突解决
http://download.youkuaiyun.com/detail/zhiyuan0932/9501092
SlidingMenu简单配置
http://download.youkuaiyun.com/detail/zhiyuan0932/9500675