android上最好用的侧滑菜单当属SlidingMenu了(除了SlidingMenu之外还有一个很简单同时功能不强的slidelayout),eoe的android客户端也是采用了SlidingMenu,并且每一个activity都具备侧滑菜单,保证了界面的统一性。
来看看eoe客户端的activity继承图:
可以看出每个Activity的超类都是BaseSlidingFragmentActivity,并且具备SlidingActivityBase接口。BaseSlidingFragmentActivity主要初始化一个SlidingActivityHelper,并且实现SlidingActivityBase中的setBehindContentView等等接口。
在看BaseSlidingFragmentActivity之前,先看看SlidingMenu的两种用法:
一、使用SlidingActivityHelper并且实现SlidingActivityBase接口
这是配置起来较为复杂,但是后期用起来非常简单的一种方式,也是eoe客户端采用的方式。在此方式下,项目所有的Activity必需继承自FragmentActivity才行。
Activity建立一个私有成员private SlidingActivityHelper mHelper;然后在onCreate中初始化此helper:
1
2
|
mHelper =
new
SlidingActivityHelper(
this
);
mHelper.onCreate(savedInstanceState);
|
然后实现SlidingActivityBase接口,举个例子:
1
2
3
4
5
6
|
/* (non-Javadoc)
* @see com.slidingmenu.lib.app.SlidingActivityBase#toggle()
*/
public
void
toggle() {
mHelper.toggle();
}
|
也就是对mHelper的简单包装。
同时还可以复写findViewById来找到侧滑菜单里的控件。
1
2
3
4
5
6
7
8
9
10
|
/* (non-Javadoc)
* @see android.app.Activity#findViewById(int)
*/
@Override
public
View findViewById(
int
id) {
View v =
super
.findViewById(id);
if
(v !=
null
)
return
v;
return
mHelper.findViewById(id);
}
|
先查找contentView里有没有,没有的话就去侧滑菜单里找。
最后必需执行的一步就是指定侧滑菜单的layout:
1
|
setBehindContentView(R.layout.behind_slidingmenu);
|
二、直接新建SlidingMenu并且attach到Activity
这种方法配置起来非常简单,而且不需要继承自FragmentActivity。只需要在onCreate里:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
|
public
void
onCreate(Bundle savedInstanceState)
{
super
.onCreate(savedInstanceState);
setContentView(R.layout.above_slidingmenu);
SlidingMenu menu =
new
SlidingMenu(
this
);
menu.setMode(SlidingMenu.LEFT);
menu.setTouchModeAbove(SlidingMenu.TOUCHMODE_FULLSCREEN);
menu.setShadowWidthRes(R.dimen.shadow_width);
menu.setShadowDrawable(R.drawable.slidingmenu_shadow);
menu.setBehindOffsetRes(R.dimen.slidingmenu_offset);
menu.setFadeDegree(
0
.35f);
menu.attachToActivity(
this
, SlidingMenu.SLIDING_CONTENT);
menu.setMenu(R.layout.behind_slidingmenu);
}
|
此时如果想要操作侧滑菜单里的list等控件,就必须在menu这个viewGroup里查找了:
1
|
ListView listView = (ListView) menu.findViewById(R.id.behind_list_show);
|
抽取出来的侧滑效果: