这两周一直在忙课程设计的事,说真的,挺烦的,没有了自己空闲的时间去学Android,还是挤下晚上的时间来学习Android。以前的SlidingMenu很火,很多app都是用了这个功能,但是现在不单单使用SlidingMenu,还流行使用Fragment,因为大屏手机的兴起,碎片的存在是的手机上应用的显示变得更加灵活!今天我就用了Fragment+SlidingMenu实现了侧滑菜单的效果。SlidingMenu项目地址:https://github.com/jfeinstein10/SlidingMenu 先看效果图吧:
这个demo可以侧滑显示,有人应该也看到了左上角返回键,同样点击之后能够侧滑。
将Github上的项目下载之后,然后导入到eclipse中,之后再新建自己的项目,然后右键Propeties->Android->Library->Add,把SlidingMenu这个项目加入进去,然后点击ok,这样项目配置SlidingMenu就成功了,接下来就是其他的事情了。
先确定的事三个界面,一个主界面,一个内容Fragment,一个菜单Fragment,菜单上点击事件替换主界面的Fragment。
界面的事情都很简单,这里就不贴了,自己随意写布局~
MainActivity.class
public class MainActivity extends SlidingFragmentActivity {
@Override
public void onCreate(Bundle savedInstanceState) {
// TODO Auto-generated method stub
super.onCreate(savedInstanceState);
setContentView(R.layout.frame_content);
setTitle("sdf");
// 设置侧面隐藏的布局
setBehindContentView(R.layout.menu_frame);
// 增加碎片
FragmentTransaction ft = getFragmentManager().beginTransaction();
SlideMenuFragment menuFragment = new SlideMenuFragment();
HomeFragment homeFragment = new HomeFragment("这是首次进入app的界面");
ft.replace(R.id.content, homeFragment);
ft.replace(R.id.menu_frame, menuFragment);
ft.commit();
SlidingMenu sm = getSlidingMenu();
// 设置触摸模式,可以选择全屏划出,或者是边缘划出,或者是不可划出
sm.setTouchModeAbove(SlidingMenu.TOUCHMODE_FULLSCREEN);
// 设置侧滑栏完全展开之后,距离另外一边的距离,单位px,设置的越大,侧滑栏的宽度越小
sm.setBehindOffset(60);
// 设置阴影的宽度
sm.setShadowWidth(50);
// 设置阴影的颜色
sm.setShadowDrawable(R.drawable.shadow);
// 设置渐变的程度,范围是0-1.0f,设置的越大,则在侧滑栏刚划出的时候,颜色就越暗。1.0f的时候,颜色为全黑
sm.setFadeDegree(0.35f);
// 设置actionbar标题文字
getActionBar().setTitle("简美图片");
// 使用左上方icon可点,这样在onOptionsItemSelected里面才可以监听到R.id.home
getActionBar().setDisplayHomeAsUpEnabled(true);
}
代码上的注解应该都很清楚了,注意MainActivity继承的是SlidingFragmentActivity!
然后就是两个Fragment的代码了
HomeFragment.class
public class HomeFragment extends Fragment {
private String text;
private TextView textView;
private MultiColumnPullToRefreshListView listView;
public HomeFragment(String text) {
this.text = text;
}
@Override
public void onActivityCreated(Bundle savedInstanceState) {
// TODO Auto-generated method stub
super.onActivityCreated(savedInstanceState);
}
@Override
public void onCreate(Bundle savedInstanceState) {
// TODO Auto-generated method stub
super.onCreate(savedInstanceState);
setRetainInstance(true);
}
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
Bundle savedInstanceState) {
// TODO Auto-generated method stub
View view = inflater.inflate(R.layout.activity_main, null);
return view;
}
@Override
public void onDestroyView() {
// TODO Auto-generated method stub
super.onDestroyView();
}
@Override
public void onViewCreated(View view, Bundle savedInstanceState) {
// TODO Auto-generated method stub
super.onViewCreated(view, savedInstanceState);
listView = (MultiColumnPullToRefreshListView) view
.findViewById(R.id.listView);
textView = (TextView) view.findViewById(R.id.textView);
if (!TextUtils.isEmpty(text)) {
textView.setText(text);
}
}
}
MenuFragment.class
public class SlideMenuFragment extends PreferenceFragment implements
OnPreferenceClickListener {
private int index = -1;
@Override
public void onCreate(Bundle savedInstanceState) {
// TODO Auto-generated method stub
super.onCreate(savedInstanceState);
addPreferencesFromResource(R.xml.menu);
findPreference("dongman").setOnPreferenceClickListener(this);
findPreference("meinv").setOnPreferenceClickListener(this);
findPreference("qiche").setOnPreferenceClickListener(this);
}
@Override
public boolean onPreferenceClick(Preference preference) {
// TODO Auto-generated method stub
String key = preference.getKey();
if ("dongman".equals(key)) {
if (index == 0) {
((MainActivity) getActivity()).getSlidingMenu().toggle();
return true;
}
index = 0;
FragmentTransaction ft = ((MainActivity) getActivity())
.getFragmentManager().beginTransaction();
ft.replace(R.id.content, new HomeFragment("动漫"));
ft.commit();
} else if ("meinv".equals(key)) {
if (index == 1) {
((MainActivity) getActivity()).getSlidingMenu().toggle();
return true;
}
index = 1;
FragmentTransaction ft = ((MainActivity) getActivity())
.getFragmentManager().beginTransaction();
ft.replace(R.id.content, new HomeFragment("美女"));
ft.commit();
} else if ("qiche".equals(key)) {
if (index == 2) {
((MainActivity) getActivity()).getSlidingMenu().toggle();
return true;
}
index = 2;
FragmentTransaction ft = ((MainActivity) getActivity())
.getFragmentManager().beginTransaction();
ft.replace(R.id.content, new HomeFragment("汽车"));
ft.commit();
}
((MainActivity) getActivity()).getSlidingMenu().toggle();
return false;
}
这里的侧面菜单栏使用的是继承PerferenceFragment的Preference,这个自行百度吧,方法使用方法是先创建个xml文件,然后在代码中就是上述使用方法。
我贴一下这个xml文件的信息:
<?xml version="1.0" encoding="UTF-8"?>
<PreferenceScreen xmlns:android="http://schemas.android.com/apk/res/android" >
<Preference
android:key="dongman"
android:title="动漫" />
<Preference
android:key="meinv"
android:title="美女" />
<Preference
android:key="qiche"
android:title="汽车" />
</PreferenceScreen>
以上就是这次全部的代码了,大部分思路应该看源码都能懂,就这样了,不懂的可以留言问我。