Android中使用fragment+slidingmenu实现侧滑

罪过啊，罪过，很久都没更新博客了，今天刚好有时间，然后现在时下流行很多应用都有侧滑功能，不用说，这就是今天的主题，fragment这也是本人第一次使用这个东西，原来一直在2.3的环境下开发，表示相当压抑，一直没时间研究新特征，表示很无奈，不过以后会有新的东西奉献给大家，在大家继续之前，如果有不会使用的fragment的童鞋，先建议看下面一篇文章，里面讲的很详细，所以我这里就不罗嗦了，哈哈

http://blog.csdn.net/aomandeshangxiao/article/details/7671533

下面就开始正餐了，在这以前也参考一些大牛的神笔，比如eoe超版Kris大神，这里也不废话了，先看效果图：

下面就详细分析整个实现过程：

1、  主界面由两个fragment构成：Content+Menu，我们看看Content的代码：

01 public final String tag = this.getClass().getName();
02     public String text = null;
03
04     public ContentFragment(String text) {
05         Log.e(tag, text);
06         this.text = text;
07     }
08
09     @Override
10     public void onCreate(Bundle savedInstanceState) {
11         super.onCreate(savedInstanceState);
12         setRetainInstance(true);
13         Log.e(tag, "onCreate:" + text);
14     }
15
16     @Override
17     public View onCreateView(LayoutInflater inflater, ViewGroup container,
18             Bundle savedInstanceState) {
19         Log.e(tag, "onCreateView:" + text);
20         // inflater the layout
21         View view = inflater.inflate(R.layout.content_layout, null);
22         TextView textView = (TextView) view.findViewById(R.id.content_tv);
23         if (!TextUtils.isEmpty(text)) {
24             textView.setText(text);
25         }
26         return view;
27     }

Content 里面只有一个Textview用来显示内容，我需要在Activity里面告诉它需要显示神马。

我们再来看看Menu里面的代码：

01 public final String tag = this.getClass().getName();
02     public ListView menu_lv = null;
03     public MenuAdapter menuAdapter = null;
04     public Context mContext = null;
05
06     public MenuFragment(Context mContext) {
07         this.mContext = mContext;
08     }
09
10     @Override
11     public void onCreate(Bundle savedInstanceState) {
12         // TODO Auto-generated method stub
13         super.onCreate(savedInstanceState);
14     }
15
16     @Override
17     public View onCreateView(LayoutInflater inflater, ViewGroup container,
18             Bundle savedInstanceState) {
19         // TODO Auto-generated method stub
20         View menuView = inflater.inflate(R.layout.menu_layout, null);
21         menu_lv = (ListView) menuView.findViewById(R.id.menu_lv);
22         menuAdapter = new MenuAdapter(mContext);
23         menu_lv.setAdapter(menuAdapter);
24         menu_lv.setOnItemClickListener(itemListener);
25         return menuView;
26     }
27
28         public OnItemClickListener itemListener = new OnItemClickListener() {
29
30         @Override
31         public void onItemClick(AdapterView<?> arg0, View arg1, int position,
32                 long arg3) {
33             // TODO Auto-generated method stub
34             ((MainActivity)mContext).getSlidingMenu().toggle();
35             Toast.makeText(mContext, menuAdapter.menuStr[position], Toast.LENGTH_SHORT).show();
36             FragmentTransaction ft = ((MainActivity)mContext).getFragmentManager().beginTransaction();
37             ContentFragment cf = new ContentFragment(menuAdapter.menuStr[position]);
38             ft.replace(R.id.main_rl, cf);
39             ft.commit();
40         }
41     };

这里我有个listview，在listview监听里面我拿到的Main的fragment事物管理，然后处理Content进行显示内容的变更。

下面看看listview 配置的 Adapter代码：

01 public String[] menuStr = { "好友推荐", "关于我", "意见反馈", "版本更新" };
02     public int[] viewId = { R.drawable.recommendfriend, R.drawable.about,
03             R.drawable.suggestion, R.drawable.refurbish };
04     public LayoutInflater inflater = null;
05
06     public MenuAdapter(Context context) {
07         inflater = LayoutInflater.from(context);
08     }
09
10     @Override
11     public int getCount() {
12         // TODO Auto-generated method stub
13         return menuStr.length;
14     }
15
16     @Override
17     public Object getItem(int position) {
18         // TODO Auto-generated method stub
19         return menuStr[position];
20     }
21
22     @Override
23     public long getItemId(int position) {
24         // TODO Auto-generated method stub
25         return position;
26     }
27
28     class Holder {
29         ImageView items_iv;
30         TextView items_tv;
31     }
32
33     @Override
34     public View getView(int position, View convertView, ViewGroup parent) {
35         // TODO Auto-generated method stub
36         Holder holder = null;
37         if (convertView == null) {
38             convertView = inflater.inflate(R.layout.menu_items, null);
39             holder = new Holder();
40             holder.items_iv = (ImageView) convertView
41                     .findViewById(R.id.items_iv);
42             holder.items_tv = (TextView) convertView
43                     .findViewById(R.id.items_tv);
44             convertView.setTag(holder);
45         } else {
46             holder = (Holder) convertView.getTag();
47         }
48         holder.items_iv.setBackgroundResource(viewId[position]);
49         holder.items_tv.setText(menuStr[position]);
50         return convertView;
51     }
52     //释放
53     public void exit() {
54         menuStr = null;
55         inflater = null;
56     }

这里就是Menu显示的内容。

下面来看看Activity里面代码：

01 public FragmentTransaction fraTra = null;
02     public MenuFragment menuFra = null;
03     public ContentFragment contentFra = null;
04
05     @Override
06     public void onCreate(Bundle savedInstanceState) {
07         super.onCreate(savedInstanceState);
08         setContentView(R.layout.activity_main);
09         setBehindContentView(R.layout.menu_layout); // 设置菜单页
10         fraTra = this.getFragmentManager().beginTransaction();
11         menuFra = new MenuFragment(this);
12         contentFra = new ContentFragment("I'm John");
13         fraTra.replace(R.id.menu_fl, menuFra);
14         fraTra.replace(R.id.main_rl, contentFra);
15         fraTra.commit();
16         //
17         SlidingMenu sm = getSlidingMenu();  //滑动菜单
18         sm.setShadowWidth(15); // 阴影宽度
19         sm.setBehindOffset(300); // 菜单与边框的距离
20         sm.setShadowDrawable(R.drawable.shadow); // 滑动菜单渐变
21          sm.setFadeDegree(0.35f);               //色度
22         sm.setTouchModeAbove(SlidingMenu.TOUCHMODE_MARGIN); // 边缘滑动菜单
23         //
24         getActionBar().setDisplayHomeAsUpEnabled(true); //ActionBar(左上角)是否可以点击
25     }
26
27     @Override
28     public boolean onCreateOptionsMenu(Menu menu) {
29         // Inflate the menu; this adds items to the action bar if it is present.
30         getMenuInflater().inflate(R.menu.activity_main, menu);
31         return true;
32     }
33
34     @Override
35     public boolean onOptionsItemSelected(MenuItem item) {
36         switch (item.getItemId()) {
37         case android.R.id.home:
38             //判断是菜单打开还是关闭
39             toggle();
40             return true;
41         }
42         return super.onOptionsItemSelected(item);
43     }

这里主要是Activity对Menu和Content进行了集中处理、设置侧滑菜单的相关属性。

相信大家看到这里都明白了吧。很简单的一个小例子，但是很实用，时间不早了今天就说到这里，有啥疑问，给我留言，谢谢。

差点忘了，附上源码：

http://www.eoeandroid.com/thread-288729-1-1.html

由于gitHub经常访问不了，先暂时放到eoe上面。