Android中使用fragment+slidingmenu实现侧滑

最新推荐文章于 2021-05-27 20:40:32 发布

chiman6219

最新推荐文章于 2021-05-27 20:40:32 发布

阅读量139

点赞数

文章标签：移动开发

原文链接：https://my.oschina.net/u/150685/blog/281806

版权

罪过啊，罪过，很久都没更新博客了，今天刚好有时间，然后现在时下流行很多应用都有侧滑功能，不用说，这就是今天的主题，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);
 
    }