Android中使用fragment+slidingmenu实现侧滑

最新推荐文章于 2022-01-29 17:49:34 发布

承影v

最新推荐文章于 2022-01-29 17:49:34 发布

阅读量192

点赞数

文章标签：移动开发

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

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

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

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

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

 
public  final  String tag = this.getClass().getName(); 
 
public  String text = null; 
 

 
public  ContentFragment(String text) { 
 
Log.e(tag, text); 
 
this.text = text; 
 
} 
 

 
@Override 
 
public  void  onCreate(Bundle savedInstanceState) { 
 
super.onCreate(savedInstanceState); 
 
setRetainInstance(true); 
 
Log.e(tag, "onCreate:"  + text); 
 
} 
 

 
@Override 
 
public  View onCreateView(LayoutInflater inflater, ViewGroup container, 
 
Bundle savedInstanceState) { 
 
Log.e(tag, "onCreateView:"  + text); 
 
// inflater the layout 
 
View view = inflater.inflate(R.layout.content_layout, null); 
 
TextView textView = (TextView) view.findViewById(R.id.content_tv); 
 
if  (!TextUtils.isEmpty(text)) { 
 
textView.setText(text); 
 
} 
 
return  view; 
 
}

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

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

 
public  final  String tag = this.getClass().getName(); 
 
public  ListView menu_lv = null; 
 
public  MenuAdapter menuAdapter = null; 
 
public  Context mContext = null; 
 

 
public  MenuFragment(Context mContext) { 
 
this.mContext = mContext; 
 
} 
 

 
@Override 
 
public  void  onCreate(Bundle savedInstanceState) { 
 
// TODO Auto-generated method stub 
 
super.onCreate(savedInstanceState); 
 
} 
 

 
@Override 
 
public  View onCreateView(LayoutInflater inflater, ViewGroup container, 
 
Bundle savedInstanceState) { 
 
// TODO Auto-generated method stub 
 
View menuView = inflater.inflate(R.layout.menu_layout, null); 
 
menu_lv = (ListView) menuView.findViewById(R.id.menu_lv); 
 
menuAdapter = new  MenuAdapter(mContext); 
 
menu_lv.setAdapter(menuAdapter); 
 
menu_lv.setOnItemClickListener(itemListener); 
 
return  menuView; 
 
} 
 

 
public  OnItemClickListener itemListener = new  OnItemClickListener() { 
 

 
@Override 
 
public  void  onItemClick(AdapterView<?> arg0, View arg1, int  position, 
 
long  arg3) { 
 
// TODO Auto-generated method stub 
 
((MainActivity)mContext).getSlidingMenu().toggle(); 
 
Toast.makeText(mContext, menuAdapter.menuStr[position], Toast.LENGTH_SHORT).show(); 
 
FragmentTransaction ft = ((MainActivity)mContext).getFragmentManager().beginTransaction(); 
 
ContentFragment cf = new  ContentFragment(menuAdapter.menuStr[position]); 
 
ft.replace(R.id.main_rl, cf); 
 
ft.commit(); 
 
} 
 
};

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

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

 
public  String[] menuStr = { "好友推荐", "关于我", "意见反馈", "版本更新"  }; 
 
public  int[] viewId = { R.drawable.recommendfriend, R.drawable.about, 
 
R.drawable.suggestion, R.drawable.refurbish }; 
 
public  LayoutInflater inflater = null; 
 

 
public  MenuAdapter(Context context) { 
 
inflater = LayoutInflater.from(context); 
 
} 
 

 
@Override 
 
public  int  getCount() { 
 
// TODO Auto-generated method stub 
 
return  menuStr.length; 
 
} 
 

 
@Override 
 
public  Object getItem(int  position) { 
 
// TODO Auto-generated method stub 
 
return  menuStr[position]; 
 
} 
 

 
@Override 
 
public  long  getItemId(int  position) { 
 
// TODO Auto-generated method stub 
 
return  position; 
 
} 
 

 
class  Holder { 
 
ImageView items_iv; 
 
TextView items_tv; 
 
} 
 

 
@Override 
 
public  View getView(int  position, View convertView, ViewGroup parent) { 
 
// TODO Auto-generated method stub 
 
Holder holder = null; 
 
if  (convertView == null) { 
 
convertView = inflater.inflate(R.layout.menu_items, null); 
 
holder = new  Holder(); 
 
holder.items_iv = (ImageView) convertView 
 
.findViewById(R.id.items_iv); 
 
holder.items_tv = (TextView) convertView 
 
.findViewById(R.id.items_tv); 
 
convertView.setTag(holder); 
 
} else  { 
 
holder = (Holder) convertView.getTag(); 
 
} 
 
holder.items_iv.setBackgroundResource(viewId[position]); 
 
holder.items_tv.setText(menuStr[position]); 
 
return  convertView; 
 
} 
 
//释放 
 
public  void  exit() { 
 
menuStr = null; 
 
inflater = null; 
 
}

这里就是Menu显示的内容。

下面来看看Activity里面代码：

 
public  FragmentTransaction fraTra = null; 
 
public  MenuFragment menuFra = null; 
 
public  ContentFragment contentFra = null; 
 

 
@Override 
 
public  void  onCreate(Bundle savedInstanceState) { 
 
super.onCreate(savedInstanceState); 
 
setContentView(R.layout.activity_main); 
 
setBehindContentView(R.layout.menu_layout); // 设置菜单页 
 
fraTra = this.getFragmentManager().beginTransaction(); 
 
menuFra = new  MenuFragment(this); 
 
contentFra = new  ContentFragment("I'm John"); 
 
fraTra.replace(R.id.menu_fl, menuFra); 
 
fraTra.replace(R.id.main_rl, contentFra); 
 
fraTra.commit(); 
 
// 
 
SlidingMenu sm = getSlidingMenu(); //滑动菜单 
 
sm.setShadowWidth(15); // 阴影宽度 
 
sm.setBehindOffset(300); // 菜单与边框的距离 
 
sm.setShadowDrawable(R.drawable.shadow); // 滑动菜单渐变 
 
sm.setFadeDegree(0.35f); //色度 
 
sm.setTouchModeAbove(SlidingMenu.TOUCHMODE_MARGIN); // 边缘滑动菜单 
 
// 
 
getActionBar().setDisplayHomeAsUpEnabled(true); //ActionBar(左上角)是否可以点击 
 
} 
 

 
@Override 
 
public  boolean  onCreateOptionsMenu(Menu menu) { 
 
// Inflate the menu; this adds items to the action bar if it is present. 
 
getMenuInflater().inflate(R.menu.activity_main, menu); 
 
return  true; 
 
} 
 

 
@Override 
 
public  boolean  onOptionsItemSelected(MenuItem item) { 
 
switch  (item.getItemId()) { 
 
case  android.R.id.home: 
 
//判断是菜单打开还是关闭 
 
toggle(); 
 
return  true; 
 
} 
 
return  super.onOptionsItemSelected(item); 
 
}