AndroidUI--SlidingMenu使用例子

来源：互联网发布：中国电信网络重构编辑：程序博客网时间：2024/04/30 08:05

AndroidUI--SlidingMenu使用例子

分类：【Android开发学习之路】2013-12-03 22:20 6013人阅读评论(8) 收藏举报

Android开源项目

AndroidUI--SlidingMenu使用例子

2013年12月3日开源项目SlidingMenu的使用学习

最近想学习有趣的UI，也想把这些UI整合到自己的项目当中，之前就已经了解到SlidingMenu这个开源控件，用过印象笔记和唱吧的童鞋可能就会看到过这种滑动菜单的效果。以下我也是通过学习其他大牛，然后自己稍微做了下Demo让自己熟悉SlidingMenu这个开源控件的使用，发现并太复杂，当然直接拿来用是没有太多问题，但要弄懂这个控件的效果实现还是不太容易，毕竟是大牛做出来的东西嘛。

我在网上找了很久，发现下面这个家伙写得不错，在这里也推荐一下

http://blog.csdn.net/yangyu20121224/article/details/9255829

他讲的很详细，让我写也不一定能写得像他那样，所以我就不讲了，我这里就是借助他提供的项目，稍微做了个Demo.

关键操作

把slidingmenu_library这个项目import到工作区当中去，然后将作为library导入到新建的项目当中去

项目结构效果图如下：

项目运行效果图：

源码:

/2013.12.2_SlidingMenu_for_weibo/src/com/wwj/slidingmenu/demo/MainActivity.java

[java] view plaincopy
package com.wwj.slidingmenu.demo;  
  
import com.jeremyfeinstein.slidingmenu.lib.SlidingMenu;  
import com.jeremyfeinstein.slidingmenu.lib.app.SlidingFragmentActivity;  
  
import android.os.Bundle;  
import android.support.v4.app.Fragment;  
import android.view.Menu;  
import android.view.MenuItem;  
  
public class MainActivity extends SlidingFragmentActivity {  
  
    @Override  
    public void onCreate(Bundle savedInstanceState) {  
        super.onCreate(savedInstanceState);  
        // 设置标题栏的标题  
        setTitle("新浪微博客户端");  
  
        // 设置是否能够使用ActionBar来滑动  
        setSlidingActionBarEnabled(true);  
  
        // 设置是否显示Home图标按钮  
        getActionBar().setDisplayHomeAsUpEnabled(true);  
        getActionBar().setIcon(R.drawable.weibo_logo);  
  
        // 初始化滑动视图  
        initSlidingMenu(savedInstanceState);  
  
    }  
  
    private void initSlidingMenu(Bundle savedInstanceState) {  
        // 如果保存的状态不为空则得到之前保存的Fragment，否则实例化MyFragment  
        if (savedInstanceState != null) {  
            mContent = getSupportFragmentManager().getFragment(  
                    savedInstanceState, "mContent");  
        }  
        if (mContent == null) {  
            mContent = new MyFragment();  
        }  
        // 设置主界面视图  
        setContentView(R.layout.content_frame);  
        getSupportFragmentManager().beginTransaction()  
                .replace(R.id.content_frame, new MyFragment()).commit();  
  
        // 设置滑动菜单的视图  
        setBehindContentView(R.layout.menu_frame);  
        getSupportFragmentManager().beginTransaction()  
                .replace(R.id.menu_frame, new SampleListFragment()).commit();  
  
        // 实例话滑动菜单对象  
        SlidingMenu sm = getSlidingMenu();  
        // 设置滑动阴影的宽度  
        sm.setShadowWidthRes(R.dimen.shadow_width);  
        // 设置滑动阴影的图像资源  
        sm.setShadowDrawable(R.drawable.shadow);  
        // 设置滑动菜单视图的宽度  
        sm.setBehindOffsetRes(R.dimen.slidingmenu_offset);  
        // 设置渐入渐出效果的值  
        sm.setFadeDegree(0.35f);  
        // 设置触摸屏幕的模式  
        sm.setTouchModeAbove(SlidingMenu.TOUCHMODE_FULLSCREEN);  
    }  
  
    /** 
     * 保存Fragment的状态 
     */  
    @Override  
    protected void onSaveInstanceState(Bundle outState) {  
        super.onSaveInstanceState(outState);  
        getSupportFragmentManager().putFragment(outState, "mContent", mContent);  
    }  
  
    /** 
     * 菜单按钮点击事件，通过点击ActionBar的Home图标按钮来打开滑动菜单 
     */  
    @Override  
    public boolean onOptionsItemSelected(MenuItem item) {  
        switch (item.getItemId()) {  
        case android.R.id.home:  
            toggle();  
            return true;  
        }  
        return super.onOptionsItemSelected(item);  
    }  
  
    @Override  
    public boolean onCreateOptionsMenu(Menu menu) {  
        // Inflate the menu; this adds items to the action bar if it is present.  
        getMenuInflater().inflate(R.menu.main, menu);  
        return true;  
    }  
  
    private Fragment mContent;  
  
    /** 
     * 切换视图 
     * @param fragment 
     */  
    public void switchContent(Fragment fragment) {  
        mContent = fragment;  
        getSupportFragmentManager().beginTransaction()  
                .replace(R.id.content_frame, fragment).commit();  
        getSlidingMenu().showContent();  
    }  
  
}  

/2013.12.2_SlidingMenu_for_weibo/src/com/wwj/slidingmenu/demo/SampleListFragment.java

[java] view plaincopy
package com.wwj.slidingmenu.demo;  
  
import android.content.Context;  
import android.os.Bundle;  
import android.support.v4.app.Fragment;  
import android.support.v4.app.ListFragment;  
import android.view.LayoutInflater;  
import android.view.View;  
import android.view.ViewGroup;  
import android.widget.ArrayAdapter;  
import android.widget.ImageView;  
import android.widget.ListView;  
import android.widget.TextView;  
  
/** 
 *  
 * @author wwj 功能描述：列表Fragment,用来显示滑动菜单打开后的内容 
 */  
public class SampleListFragment extends ListFragment {  
  
    @Override  
    public View onCreateView(LayoutInflater inflater, ViewGroup container,  
            Bundle savedInstanceState) {  
        return inflater.inflate(R.layout.list, null);  
    }  
  
    @Override  
    public void onActivityCreated(Bundle savedInstanceState) {  
        super.onActivityCreated(savedInstanceState);  
  
        SampleAdapter adapter = new SampleAdapter(getActivity());  
        adapter.add(new SampleItem("登录", R.drawable.login_logo));  
        adapter.add(new SampleItem("疑问", R.drawable.d_yiwen));  
        adapter.add(new SampleItem("右哼哼", R.drawable.d_youhengheng));  
        adapter.add(new SampleItem("晕", R.drawable.d_yun));  
        adapter.add(new SampleItem("抓狂", R.drawable.d_zhuakuang));  
        adapter.add(new SampleItem("猪头", R.drawable.d_zhutou));  
        adapter.add(new SampleItem("做鬼脸", R.drawable.d_zuoguilian));  
        adapter.add(new SampleItem("左哼哼", R.drawable.d_zuohengheng));  
  
        setListAdapter(adapter);  
    }  
  
    public class SampleAdapter extends ArrayAdapter<SampleItem> {  
        public SampleAdapter(Context context) {  
            super(context, 0);  
        }  
  
        @Override  
        public View getView(int position, View convertView, ViewGroup parent) {  
            if (convertView == null) {  
                convertView = LayoutInflater.from(getContext()).inflate(  
                        R.layout.row, null);  
            }  
            ImageView icon = (ImageView) convertView  
                    .findViewById(R.id.row_icon);  
            icon.setImageResource(getItem(position).iconRes);  
            TextView title = (TextView) convertView  
                    .findViewById(R.id.row_title);  
            title.setText(getItem(position).tag);  
            return convertView;  
        }  
    }  
  
    @Override  
    public void onListItemClick(ListView l, View v, int position, long id) {  
        Fragment newContent = null;  
        switch (position) {  
        case 0:  
            newContent = new MyFragment();  
            break;  
        case 1:  
            newContent = new MyFragment1();  
            break;  
        case 2:  
            newContent = new MyFragment2();  
            break;  
        case 3:  
            newContent = new MyFragment3();  
            break;  
        case 4:  
            newContent = new MyFragment4();  
            break;  
        case 5:  
            newContent = new MyFragment5();  
            break;  
        case 6:  
            newContent = new MyFragment6();  
        case 7:  
            newContent = new MyFragment7();  
            break;  
        }  
        if (newContent != null) {  
            switchFragment(newContent);  
        }  
        super.onListItemClick(l, v, position, id);  
    }  
  
    private void switchFragment(Fragment fragment) {  
        if (getActivity() == null) {  
            return;  
        }  
        if (getActivity() instanceof MainActivity) {  
            MainActivity fca = (MainActivity) getActivity();  
            fca.switchContent(fragment);  
        }  
    }  
  
    private class SampleItem {  
        public String tag;  
        public int iconRes;  
  
        public SampleItem(String tag, int iconRes) {  
            this.tag = tag;  
            this.iconRes = iconRes;  
        }  
    }  
  
}  

/2013.12.2_SlidingMenu_for_weibo/src/com/wwj/slidingmenu/demo/MyFragment.java

[java] view plaincopy
package com.wwj.slidingmenu.demo;  
  
import android.os.Bundle;  
import android.support.v4.app.Fragment;  
import android.view.LayoutInflater;  
import android.view.View;  
import android.view.ViewGroup;  
  
/*** 
 *  
 * @author wwj 
 *  
 */  
public class MyFragment extends Fragment {  
    @Override  
    public void onCreate(Bundle savedInstanceState) {  
        super.onCreate(savedInstanceState);  
    }  
  
    @Override  
    public View onCreateView(LayoutInflater inflater, ViewGroup container,  
            Bundle savedInstanceState) {  
        View view = inflater.inflate(R.layout.login, null);  
        return view;  
    }  
  
    @Override  
    public void onActivityCreated(Bundle savedInstanceState) {  
        super.onActivityCreated(savedInstanceState);  
    }  
  
    @Override  
    public void onPause() {  
        super.onPause();  
    }  
}  

/2013.12.2_SlidingMenu_for_weibo/src/com/wwj/slidingmenu/demo/MyFragment1.java

[java] view plaincopy
package com.wwj.slidingmenu.demo;  
  
import android.os.Bundle;  
import android.support.v4.app.Fragment;  
import android.view.LayoutInflater;  
import android.view.View;  
import android.view.ViewGroup;  
import android.widget.ImageView;  
import android.widget.TextView;  
  
public class MyFragment1 extends Fragment {  
  
    @Override  
    public void onCreate(Bundle savedInstanceState) {  
        super.onCreate(savedInstanceState);  
    }  
  
    @Override  
    public View onCreateView(LayoutInflater inflater, ViewGroup container,  
            Bundle savedInstanceState) {  
        View view = inflater.inflate(R.layout.row, null);  
        TextView title = (TextView) view.findViewById(R.id.row_title);  
        title.setText("疑问");  
        ImageView icon = (ImageView) view.findViewById(R.id.row_icon);  
        icon.setImageResource(R.drawable.d_yiwen);  
        return view;  
    }  
  
    @Override  
    public void onActivityCreated(Bundle savedInstanceState) {  
        super.onActivityCreated(savedInstanceState);  
    }  
  
    @Override  
    public void onDestroyView() {  
        super.onDestroyView();  
    }  
}  

其他Fragment类似，就不贴了。

0 0