仿知乎日报第四篇：MainActivity使用SlidingMenu开源项目完成基本的结构

一.完成目标：使用SlidingMenu开源项目实现向左滑出现菜单的效果。

 

 

二.具体代码

1.菜单区的布局，只有一个FrameLayout，之后会用LeftFragment替代掉（leftcontent.xml）

 

<?xml version="1.0"encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/left_content"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >
 
</FrameLayout>

 

2. 内容区的布局，只有一个FrameLayout，之后会用MainFragment替代掉（maincontent.xml）

<?xml version="1.0"encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:id="@+id/main_content"
    >
   
 
</FrameLayout>
 

3.继承SlidingFragmentActivity，将两个布局放到菜单区，内容区，并为SlidingMenu进行一些设置（MainActivity.java）

public class MainActivity extends SlidingFragmentActivity {
 
 
    private static final String MAIN_MENU_TAG = "MAIN_MENU_TAG";
    private static final String LEFT_MENU_TAG = "LEFT_MENU_TAG";
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        requestWindowFeature(Window.FEATURE_NO_TITLE);
        initView();
        initData();
       
     
 
 
   
    }
 
    private void initData() {
       FragmentManager fragmentManager =getSupportFragmentManager();
       FragmentTransaction transaction =fragmentManager.beginTransaction();
       MainContentFragment mainContentFragment = newMainContentFragment();
       transaction.replace(R.id.main_content,mainContentFragment,MAIN_MENU_TAG);
      
       LeftContentFragment leftContentFragment  = new LeftContentFragment();
       transaction.replace(R.id.left_content,leftContentFragment,LEFT_MENU_TAG);
       transaction.commit();
      
    }
 
    privatevoid initView() {
//     设置内容区的布局
      setContentView(R.layout.maincontent);
//        设置菜单区的布局
      setBehindContentView(R.layout.leftcontent);
      SlidingMenu slidingMenu = getSlidingMenu();
//        只显示左侧的菜单
      slidingMenu.setMode(SlidingMenu.LEFT);
//        屏幕的任何地方滑动都能划出菜单
      slidingMenu.setTouchModeAbove(SlidingMenu.TOUCHMODE_FULLSCREEN);
//        滑出菜单后，留给内容区的部分只有100
      slidingMenu.setBehindOffset(100);
      
   
      
  }
    public MainContentFragment getMainContentFragment(){
       FragmentManager fragmentManager = getSupportFragmentManager();
       MainContentFragment mainContentFragment =(MainContentFragment) fragmentManager.findFragmentByTag(MAIN_MENU_TAG);
       return mainContentFragment;
    }
   
   
    public LeftContentFragment getLeftContentFragment(){
       FragmentManager fragmentManager = getSupportFragmentManager();
       LeftContentFragment leftContentFragment =(LeftContentFragment) fragmentManager.findFragmentByTag(LEFT_MENU_TAG);
       return leftContentFragment;
    }
    @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;
    }
   
}

 

4.

1）创建两个fragment，分别为LeftFragment，MainFragment，这两个有一些共性，所以可以抽出一个父Fragment。（BaseFragment.java）

public abstract class BaseFragment extends Fragment {
    private View  root;
    protected MainActivity   mainActivity;
    /*
     * 在这个方法中做一些初始化的工作
     */
    @Override
    public void onCreate(BundlesavedInstanceState) {
       super.onCreate(savedInstanceState);
//     拿到所在的上下文Context，即MainActivity（Activity类是继承于Context的）
       mainActivity = (MainActivity)getActivity();
    }
   
 
    /*
     * 在这个方法中加载fragment的布局
     */
    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
           Bundle savedInstanceState){
       root = initView();
       returnroot;
    }
 
    /**
     * initView设置为抽象方法，则子fragment都必须实现initView方法，并在该方法内实现各自的布局
     */
    protected abstract View initView();
 
    /*
     * 该方法内可以加载数据，初始化事件
     */
    @Override
    public void onActivityCreated(Bundle savedInstanceState) {
       initData();
       initListener();
       super.onActivityCreated(savedInstanceState);
    }
 
    /**
     * 子fragment可以根据需求覆盖
     */
    protected void initListener() {
       // TODO自动生成的方法存根
      
    }
    /**
     * 子fragment可以根据需求覆盖
     */
    protected void initData() {
       // TODO自动生成的方法存根
      
    }
 
}

 

 

2）为了方便管理，可以创建一个fragment包，这几个fragment都放在这个包里面

3）创建LeftFragment    (LeftFragment.java)

public class LeftFragment extends BaseFragment {
 
    @Override
    protected View initView() {
       // TODO自动生成的方法存根
       return null;
    }
 
}

4）创建MianFrament   （MainFragement.java）

public class MainFragment extends BaseFragment {
 
    @Override
    protected View initView() {
       // TODO自动生成的方法存根
       return null;
    }
 
}

5)前面创建的两个布局，里面的两个FrameLayout分别用LeftFragment，MainFragment来代替

public class MainActivity extends SlidingFragmentActivity {
 
 
    private static final String MAIN_MENU_TAG = "MAIN_MENU_TAG";
    private static final String LEFT_MENU_TAG = "LEFT_MENU_TAG";
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        requestWindowFeature(Window.FEATURE_NO_TITLE);
        initView();
        initData();
       
     
 
 
   
    }
 
    private void initData() {
//      拿到FragmentManager对象
       FragmentManager fragmentManager =getSupportFragmentManager();
//     用FragmentManager拿到FragmentTransaction对象
       FragmentTransaction transaction = fragmentManager.beginTransaction();
       MainFragment mainContentFragment = new MainFragment();
//     用MainFragment来代替Framelayout，注意：第三个参数MAIN_MENU_TAG是为了findFragmentByTag找到MainFragment
       transaction.replace(R.id.main_content,mainContentFragment,MAIN_MENU_TAG);
      
       LeftFragment leftContentFragment  = new LeftFragment();
//     用LeftFragment来代替Framelayout，注意：第三个参数LEFT_MENU_TAG是为了findFragmentByTag找到LeftFragment
       transaction.replace(R.id.left_content,leftContentFragment,LEFT_MENU_TAG);
      
//     提交
       transaction.commit();
      
    }
 
    private void initView() {
//     设置内容区的布局
      setContentView(R.layout.maincontent);
//        设置菜单区的布局
      setBehindContentView(R.layout.leftcontent);
      SlidingMenu slidingMenu = getSlidingMenu();
//        只显示左侧的菜单
      slidingMenu.setMode(SlidingMenu.LEFT);
//        屏幕的任何地方滑动都能划出菜单
      slidingMenu.setTouchModeAbove(SlidingMenu.TOUCHMODE_FULLSCREEN);
//        滑出菜单后，留给内容区的部分只有100
      slidingMenu.setBehindOffset(100);
      
   
      
  }
    public MainFragment getMainContentFragment(){
       FragmentManager fragmentManager = getSupportFragmentManager();
       MainFragment mainContentFragment = (MainFragment)fragmentManager.findFragmentByTag(MAIN_MENU_TAG);
       return mainContentFragment;
    }
   
   
    public LeftFragment getLeftContentFragment(){
       FragmentManager fragmentManager = getSupportFragmentManager();
       LeftFragment leftContentFragment = (LeftFragment)fragmentManager.findFragmentByTag(LEFT_MENU_TAG);
       return leftContentFragment;
    }
    @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;
    }
   
}