本文共 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(); }属性详解:
源码: