源码:点击打开链接
效果图:
框架地址: 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();
}
属性详解: SlidingMenu 常用属性