SlidingMenu的使用，結合Fragment（eclipse環境）

首先下載SlidingMenu，有Library和Sample，然后在自己的項目中引入類庫（引入智慧北京工作空間的Library），然后V4包會發生沖突，刪掉自己項目Libs目錄下的V4包即可

側滑布局和主界面布局都先用一個空布局填充一下（FrameLayout），

UI框架搭建簡介：整個界面就是一個MainActivity，MainActivity左邊是一個滑動側邊欄，是一個Fragment；MainActivity主體又是一個Fragment（三個Fragment中的某一個），左側邊欄Fragment依附于MainActivity，三個主體Fragment依附于側邊欄Fragment

項目的代碼結構：

?

MainActivity的代碼：

//一打開程序默認就是讀者Fragment
public class MainActivity extends SlidingFragmentActivity{//改為Public
    @Overridepublic void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);requestWindowFeature(Window.FEATURE_NO_TITLE);setContentView(R.layout.activity_main);//把主布局設置為空布局(FrameLayout)
        setBehindContentView(R.layout.left_menu);//把左側邊欄布局設置為空布局SlidingMenu slidingMenu = getSlidingMenu();//設置觸摸模式為全屏觸摸
        slidingMenu.setTouchModeAbove(SlidingMenu.TOUCHMODE_FULLSCREEN);//設置預留屏幕的寬度為110dpslidingMenu.setBehindOffset(SizeUtils.dip2px(MainActivity.this, 110));FragmentTransaction transaction = getSupportFragmentManager().beginTransaction();//把左側菜單的空布局替換成Fragment，注意，一定是用R.id，即FrameLayout的ID//而不是R.layout，不是布局文件的IDtransaction.replace(R.id.left_menu, new FragmentLeft());//把主內容的空FrameLayout的ID替換成讀者Fragmenttransaction.replace(R.id.activity_main, new ReaderFragment(MainActivity.this));transaction.commit();}}

?

?

左側菜單Fragment的布局：

/**左側菜單的Fragment,在左側菜單Fragment里面處理點擊事件*/
public class FragmentLeft extends Fragment implements OnClickListener {private View view;@Overridepublic View onCreateView(LayoutInflater inflater, ViewGroup container,Bundle savedInstanceState) {view = View.inflate(getActivity(), R.layout.left_menu_fragment, null);initView();return view;}private void initView() {//左側菜單的讀者TextView tv_duzhe= (TextView) view.findViewById(R.id.tv_duzhe);//左側菜單的充值TextView tv_pay= (TextView) view.findViewById(R.id.tv_pay);//左側菜單的收藏TextView tv_collect= (TextView) view.findViewById(R.id.tv_collect);tv_duzhe.setOnClickListener(this);tv_pay.setOnClickListener(this);tv_collect.setOnClickListener(this);}@Overridepublic void onClick(View v) {//獲取SlidingMenuSlidingFragmentActivity activity= (SlidingFragmentActivity)getActivity();SlidingMenu slidingMenu = activity.getSlidingMenu();switch (v.getId()) {case R.id.tv_duzhe:ReaderFragment readerFragment = new ReaderFragment(getActivity());getActivity().getSupportFragmentManager().beginTransaction().replace(R.id.activity_main, readerFragment).commit();slidingMenu.toggle();break;case R.id.tv_pay://當每次點擊充值時，就用充值Fragment替換主布局，主布局就是一個FrameLayoutPayFragment payFragment = new PayFragment(getActivity());getActivity().getSupportFragmentManager().beginTransaction().replace(R.id.activity_main, payFragment).commit();//Fragment替換之后，就關閉側邊欄
            slidingMenu.toggle();//如果側邊欄是打開的，就關閉，反之亦然break;case R.id.tv_collect:
　　　　　　　//收藏FragmentgetActivity().getSupportFragmentManager().beginTransaction().replace(R.id.activity_main, new CollectFragment(getActivity())).commit();slidingMenu.toggle();break;default:break;}}
}

?

?

讀者的Fragment，Fragment里的布局就是兩個字，其它兩個Fragment一模一樣，就不寫了

/**讀者的Fragment*/
public class ReaderFragment extends Fragment {private Context context;/**由于ReaderFragment是依附于側邊欄Fragment的，所以不能用getActivity（）來獲取上下文，必須傳過來*/public ReaderFragment(Context context){this.context=context;}@Overridepublic View onCreateView(LayoutInflater inflater, ViewGroup container,Bundle savedInstanceState) {System.out.println("讀者Fragment");View view = View.inflate(context, R.layout.fragment_duzhe, null);return view;}
}

這就是類似于讀者APP的界面，運行效果圖如下：