转载请注明出处:http://blog.csdn.net/gutaocslg/article/details/20444903
在使用android应用的过程中看见过很多漂亮的实现效果,其中侧滑就是一种。在这种效果中分为左滑、右滑和两种都支持。我今天结合了Slidingmenu这个框架和Fragment来实现左滑和右滑,有哪里不好的请大神们指点!下面就进行详细的分析。
首先新建一个android项目,主Activity是MainActivity并且关联Slidingmenu(这个可以在网上下载)。
看一下,Activity_main.xml:
- <?xml version="1.0" encoding="utf-8"?>
- <FrameLayout xmlns:android="http://schemas./apk/res/android"
- android:id="@+id/content_frame"
- android:layout_width="match_parent"
- android:layout_height="match_parent"
- android:background="#FFFFFF"/>
MainActivity.java
- public class MainActivity extends FragmentActivity {
-
- private SlidingMenu menu;
- private Fragment conFragment;
- private MenuFragment menuFragment;
- private Button button;
- @Override
- protected void onCreate(Bundle savedInstanceState) {
- super.onCreate(savedInstanceState);
- setContentView(R.layout.activity_main);
-
- conFragment = new ContentFragment();//新建主页
- menuFragment = new MenuFragment();//新建菜单
-
- menu = new SlidingMenu(this,SlidingMenu.SLIDING_CONTENT);
- menu.setMenu(R.layout.menu_main);
- menu.setSecondaryMenu(R.layout.second_menu);
- // menu.setSecondaryShadowDrawable(R.drawable.shadow);
- menu.setShadowWidth(20);//设置阴影有立体效果
- menu.setShadowDrawable(R.drawable.shadow);
- menu.setBehindOffset(50);
- menu.setBehindScrollScale(1);
- menu.setBehindWidth((int) (getWindowManager().getDefaultDisplay().getWidth()*0.6));
- menu.setFadeDegree(1.0f);
- menu.setTouchModeAbove(SlidingMenu.TOUCHMODE_FULLSCREEN);
- menu.setMode(SlidingMenu.LEFT_RIGHT);
-
- initView();
- }
-
- private void initView() {
-
- button = (Button) this.findViewById(R.id.exit);
- button.setOnClickListener(new View.OnClickListener() {
-
- @Override
- public void onClick(View v) {
- MainActivity.this.finish();
- }
- });
-
-
- FragmentTransaction ft = this.getSupportFragmentManager().beginTransaction();
- ft.replace(R.id.content_frame, conFragment);
- ft.replace(R.id.menu_frame, menuFragment);
- ft.commit();
- }
-
- //切换主页对应菜单的内容
- public void switchContent(Fragment fragment) {
- FragmentTransaction ft = this.getSupportFragmentManager().beginTransaction();
- conFragment = fragment;
- ft.replace(R.id.content_frame, conFragment);
- ft.addToBackStack(null);
- ft.commit();
- menu.showContent();
- }
- }
在上面的代码中很多人会关心菜单切换对应的内容的变化是怎么实现的,下面就看一下菜单MenuFragment的实现
- public class MenuFragment extends Fragment {
-
- private LinearLayout layout;
- private ListView list;
- ArrayList<HashMap<String, Object>> data = new ArrayList<HashMap<String, Object>>();
-
- @Override
- public View onCreateView(LayoutInflater inflater, ViewGroup container,
- Bundle savedInstanceState) {
-
- layout = (LinearLayout) inflater.inflate(R.layout.menu_layout,
- container, false);
- initView();
- return layout;
- }
-
- private void initView() {
- //简单的构建菜单实例
- for (int i = 1; i <= 5; i++) {
- HashMap<String, Object> map = new HashMap<String, Object>();
- map.put("itemId", i);
- map.put("itemText", "菜单"+i);
- data.add(map);
- }
- list = (ListView) layout.findViewById(R.id.menu_list);
-
- SimpleAdapter simperAdapter = new SimpleAdapter(getActivity(), data,
- R.layout.item_menu, new String[] { "itemImage", "itemText" },
- new int[] { R.id.menuitem_image, R.id.menuitem_text });
- list.setAdapter(simperAdapter);
- list.setSelector(R.drawable.menu_selector);
- list.setOnItemClickListener(new OnItemClickListener() {
-
- @Override
- public void onItemClick(AdapterView<?> parent, View view,
- int position, long id) {
- if(getActivity() instanceof MainActivity) {
- HashMap<String, Object> map = (HashMap<String, Object>) parent.getItemAtPosition(position);
- int i = (Integer) map.get("itemId");
- Fragment frag = getFragment(i);//获取对应页面的Fragment
- ((MainActivity) getActivity()).switchContent(frag);
- }
- }
- });
- }
-
- public Fragment getFragment(int i) {
- switch (i) {
- case 1:
- return new ContentFragmentOne();
-
- case 2:
- return new ContentFragmentTwo();
- case 3:
- return new ContentFragmentThree();
- case 4:
- return new ContentFragmentFour();
- case 5:
- return new ContentFragmentFive();
- default:
- return new ContentFragment();
- }
- }
- }
里面新建了多个菜单切换是所对应页面的Fragment这个朋友们可以下载我上传的源码可以看见。
下面来看一下效果图。
好了这篇的内容就到这了,希望大神给予批评建议!
下载地址:http://download.csdn.net/detail/gutaocslg/6989547
源码要关联Slidingmenu
|