博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
第三方开源库:SlidingMenu-Master实现侧拉效果
阅读量:4132 次
发布时间:2019-05-25

本文共 2286 字,大约阅读时间需要 7 分钟。

源码:

效果图:

框架地址: https://github.com/jfeinstein10/SlidingMenu

思路: 侧拉页和内容页都预设一块framelayout,用2个fragement替换,点击侧拉栏的item条目,又替换内容页的fragment的布局。

建议先看:MainActivity---->HomeFragment+MenuFragment(item的fragment不用看了)。先看代码再来看文章(文章写得不详细)。

     首先预设2个layout,setContentView(resID) +setBehindContentView(resID)

      其次按到slidingMenu对象,并设置参数
      最后实现替换 getSupportFragmentManager().beginTransaction().replace(R.id.main, new HomeFragment(), "HOME").commit();

      如果左右2边都有侧拉栏,menu.setSecondaryMenu(R.layout.framelayout_menu_right);

 

 

1 引用框架SlidingMenu

eclipse中import   SlidingMenu-master\library这是库文件,创建工程后add  library;

add  library:右键项目-->properties--->Android--->Add---选择library。

2 设置:  MainActivity:

    1 类MainActivity继承 SlidingFragmentActivity,默认继承Activity.

    2 创建2个frameLayout,作为侧拉栏和内容页要替换的布局。

    3 设置侧拉栏+内容页的布局,

    4 得到Slidngmenu对象并设置参数

    5 替换:创建MenuFragment+HomeFragment替换先前的2个frameLayout

3  MenuFragment:设置listview,和他的点击事件,替换内容页

MainActivity的代码:

@Override	public void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        requestWindowFeature(Window.FEATURE_NO_TITLE);        //(1)内容页        setContentView(R.layout.activity_main);        //侧拉栏页        setBehindContentView(R.layout.framelayout_menu);        //(2)拿到SlidingMenu对象        SlidingMenu menu = getSlidingMenu();                //设置SlidingMenu的参数:        menu.setMode(SlidingMenu.LEFT);//侧拉栏在左边,左-->右        menu.setBehindOffsetRes(R.dimen.behind_offset);//内容页距离右边的宽度//        menu.setBehindOffset(50);//这个要直接填int//        menu.setAboveOffsetRes(R.dimen.above_offset);//这是覆盖的效果,会把内容页全覆盖        menu.setShadowDrawable(R.drawable.shadow);//侧拉页和内容页的 分割线        menu.setShadowWidthRes(R.dimen.shadow_width);//分割线的宽度        menu.setTouchModeAbove(SlidingMenu.TOUCHMODE_FULLSCREEN);//点击屏幕SlidingMenu是有有效        //(3)用fragment替换frameLayout        getSupportFragmentManager()        	.beginTransaction()        	.replace(R.id.menu, new MenuFragment(), "MENU")        	.commit();        	                getSupportFragmentManager()        	.beginTransaction()        	.replace(R.id.main, new HomeFragment(), "HOME")        	.commit();    }    //点击侧拉栏的item实现替换内容页的效果,需要传入要替换的fragment    public  void switchItem(BaseFragment fragment){    	getSupportFragmentManager()    		.beginTransaction()    		.replace(R.id.main, fragment)    		.commit();    }
属性详解:

源码:

你可能感兴趣的文章
web.py 0.3 新手指南 - RESTful doctesting using app.request
查看>>
LeetCode第46题思悟——全排列(permutations)
查看>>
Mysql中下划线问题
查看>>
微信小程序中使用npm过程中提示:npm WARN saveError ENOENT: no such file or directory
查看>>
Xcode 11 报错,提示libstdc++.6 缺失,解决方案
查看>>
idea的安装以及简单使用
查看>>
Windows mysql 安装
查看>>
python循环语句与C语言的区别
查看>>
Vue项目中使用img图片和background背景图的使用方法
查看>>
vue 项目中图片选择路径位置static 或 assets区别
查看>>
vue项目打包后无法运行报错空白页面
查看>>
Vue 解决部署到服务器后或者build之后Element UI图标不显示问题(404错误)
查看>>
element-ui全局自定义主题
查看>>
facebook库runtime.js
查看>>
vue2.* 中 使用socket.io
查看>>
openlayers安装引用
查看>>
js报错显示subString/subStr is not a function
查看>>
高德地图js API实现鼠标悬浮于点标记时弹出信息窗体显示详情,点击点标记放大地图操作
查看>>
初始化VUE项目报错
查看>>
vue项目使用安装sass
查看>>