Android Fragment实现分屏

在项目中碰到一个问题，新开发一个平板APP,项目要求是把原来的一个手机端APP放在项目左侧显示，右侧添加新加的功能。

首先想到了Fragment，以前做过Fragment的一些简单的Demo，但是都没有应用到项目中去过，这次倒是好好的运用了一把。

首先，考虑到已经存在的手机端APP代码繁多，且不怎么规范（代码里面大概有二三十个Activity文件，且命名及其他方面都极其不规范），所以就想不要在原来代码上太多的重构，在看了一篇文章之后，慢慢的有了些思路。（http://mp.weixin.qq.com/s?__biz=MzA3NTYzODYzMg==&mid=404548816&idx=1&sn=f042037982ed2e74210c57edf864e31a&scene=0#wechat_redirect）这篇文章也说了些重构的问题，不过看了之后觉得不适合自己的，只是很好的为自己提供了一个思路。于是就自己写了个Demo。

Demo的结构是这样的

我先写了一个BasePadFragment，让所有的Fragment去实现这个基类，从而统一实现一些共通的方法。由于是Demo所以基类里面只提供了一个Fragment的跳转方法

BasePadFragment.java

import android.app.Fragment;
import android.app.FragmentManager;
import android.app.FragmentTransaction;
import android.content.Context;
import android.os.Bundle;
import android.support.v4.app.FragmentActivity;

import java.util.List;

/**
 * Created by Bob on 2016/4/11.
 */
public class BasePadFragment extends Fragment{

    public Context mContext;

    public void startToFragment(Context context,int container,Fragment newFragment){

        FragmentManager manager = getFragmentManager();
        FragmentTransaction transaction = manager.beginTransaction();
        transaction.replace(container,newFragment);
        transaction.addToBackStack(context.getClass().getName());
        transaction.commit();
    }

}

方法里面的参数分别是context：上下文；container：Fragment的容器；newFragment：要跳转到的Fragment的对象；

再看看方法体里面，首先获得Frament的一些主要操作对象FragmentManager/FragmentTransaction然后利用transaction进行fragment的置换，再将当前fragment进行压栈操作，这一步非常关键，因为如果不添加的话，按返回按钮是不能回到上一个fragment的。最后是提交commit方法。

主界面activity比较简单就是简单的一个onCreatView再后面的源码里面可以查看。

再来说主界面的布局：

activity_index.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:baselineAligned="false">

    <FrameLayout
        android:id="@+id/layout_container"
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="4">

        <fragment
            android:id="@+id/left_fragment"
            android:name="com.sailing.www.multiscreendemo.fragment.LeftFragment"
            android:layout_width="match_parent"
            android:layout_height="match_parent" />
    </FrameLayout>

    <View
        android:layout_width="5dp"
        android:layout_height="match_parent"
        android:background="#000000" />

    <FrameLayout
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="6">

        <fragment
            android:id="@+id/right_fragment"
            android:name="com.sailing.www.multiscreendemo.fragment.RightFragment"
            android:layout_width="match_parent"
            android:layout_height="match_parent" />
    </FrameLayout>
</LinearLayout>

   可以看到我在主界面里面添加了两个fragment；将这两个fragment水平的放在一个LinearLayout里面。在放入的时候切记要将fragment外面包裹一层parentView我用的是FrameLayout，因为在跳转的时候要针对container进行跳转，所以要在这个parentView就相当于是一个容器将fragment放在里面，所有的页面的替换都是在这个容器内进行操作。且这个容器一定要添加id，否则会报找不到view的错误。

界面效果是这样的。

左侧的Fragment 

LeftFramgment:

import android.app.Fragment;
import android.app.FragmentManager;
import android.app.FragmentTransaction;
import android.os.Bundle;
import android.os.PersistableBundle;
import android.support.annotation.Nullable;
import android.support.v4.app.FragmentActivity;
import android.support.v7.widget.LinearLayoutManager;
import android.support.v7.widget.RecyclerView;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.Button;
import android.widget.ListView;
import android.widget.TextView;

/**
 * Created by Bob on 2016/4/5.
 */
public class LeftFragment extends BasePadFragment implements View.OnClickListener{

    private Button btnNextPage,btnNextAnother;
    private RecyclerView mRecyclerView;
    private HorizontalListAdapter horizontalListAdapter;
    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
        View view = inflater.inflate(R.layout.layout_left, null);
        btnNextPage = (Button)view.findViewById(R.id.btn_next_page);
        btnNextAnother = (Button)view.findViewById(R.id.btn_next_another);
        btnNextPage.setOnClickListener(this);
        btnNextAnother.setOnClickListener(this);

        mRecyclerView = (RecyclerView)view.findViewById(R.id.recycler_view);

        LinearLayoutManager layoutManager = new LinearLayoutManager(getActivity());
        layoutManager.setOrientation(LinearLayoutManager.HORIZONTAL);
        // 设置布局管理器
        mRecyclerView.setLayoutManager(layoutManager);

        String[] dataset = new String[100];
        for (int i = 0; i < dataset.length; i++) {
            dataset[i] = "item" + i;
        }
        RecyclerAdapter mAdapter = new RecyclerAdapter(dataset);
        mRecyclerView.setAdapter(mAdapter);
        return view;
    }


    @Override
    public void onClick(View v) {
        switch (v.getId()){
            case R.id.btn_next_page:
                AnotherFragment anotherFragment  = new AnotherFragment();
                startToFragment(getActivity(), R.id.layout_container, anotherFragment);
                break;
            case R.id.btn_next_another:
                NextAnotherFragment nextAnotherFragment = new NextAnotherFragment();
                startToFragment(getActivity(),R.id.layout_container,nextAnotherFragment);
                break;
            default:
                break;
        }
    }


    public class RecyclerAdapter extends RecyclerView.Adapter<RecyclerAdapter.ViewHolder> {
        private String[] mDataset;

      
        public RecyclerAdapter(String[] dataset) {
            mDataset = dataset;
        }

        public  class ViewHolder extends RecyclerView.ViewHolder {

            public TextView mTextView;

           
            public ViewHolder(View itemView) {
                super(itemView);
                mTextView = (TextView) itemView;
            }
        }

     
        @Override
        public int getItemCount() {
            return mDataset.length;
        }

      android.support.v7.widget.RecyclerView.Adapter#onBindViewHolder(android.support.v7.widget.RecyclerView.ViewHolder,
         *      int)
         */
        @Override
        public void onBindViewHolder(ViewHolder holder, int position) {
            holder.mTextView.setText(mDataset[position]);
        }

      android.support.v7.widget.RecyclerView.Adapter#onCreateViewHolder(android.view.ViewGroup,
         *      int)
         */
        @Override
        public ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
            View view = View.inflate(parent.getContext(),
                    android.R.layout.simple_list_item_1, null);
            ViewHolder holder = new ViewHolder(view);
            return holder;
        }
    }
}

　因为后续还在这个Demo里面进行了另外一些测试，所以有一些杂的控件在里面。我们只看代码的主要模块，就是按钮的操作，在点击了按钮之后我跳转到了另外的Framgment,直接用父类的startToFragment（）方法，操作起来还是很简单的。

在第二个页面我在这里进行了参数的传递和获取。

AnotherFragment:

import android.app.Fragment;
import android.app.FragmentManager;
import android.app.FragmentTransaction;
import android.os.Bundle;
import android.support.annotation.Nullable;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ArrayAdapter;
import android.widget.Button;
import android.widget.EditText;
import android.widget.Spinner;

/**
 * Created by Bob on 2016/4/5.
 */
public class AnotherFragment extends BasePadFragment implements View.OnClickListener {

    private Button btnToThirdPage;
    private EditText mEdtName;
    private Spinner mSpinText;

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
        View view = inflater.inflate(R.layout.layout_another, null);
        mContext = getActivity();
        btnToThirdPage = (Button) view.findViewById(R.id.btn_another);
        mEdtName = (EditText)view.findViewById(R.id.edt_name);
        mSpinText = (Spinner)view.findViewById(R.id.spi_text);
        String [] textArray = getResources().getStringArray(R.array.text);
        ArrayAdapter<String> textAdapter = new ArrayAdapter<String>(mContext,R.layout.myspinner,textArray);
        textAdapter.setDropDownViewResource(android.R.layout.simple_spinner_dropdown_item);
        mSpinText.setAdapter(textAdapter);
        btnToThirdPage.setOnClickListener(this);
        return view;
    }

    @Override
    public void onClick(View v) {
        switch (v.getId()) {
            case R.id.btn_another:
                ThirdFragment thirdFragment = new ThirdFragment();
                String name = mEdtName.getText().toString();
                Bundle bundle = new Bundle();
                if(name != null){
                    bundle.putString("name",name);
                }
                bundle.putString("password","12345678");
                thirdFragment.setArguments(bundle);
                startToFragment(getActivity(), R.id.layout_container, thirdFragment);
                break;
            default:
                break;
        }
    }
}

　　同样在按钮的点击事件中，我利用Bundle进行数据的传递，使用起来也是挺简单的。在第三个界面进行数据的获取也挺简单。

ThirdFragment：

import android.app.Fragment;
import android.os.Bundle;
import android.support.annotation.Nullable;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.TextView;



/**
 * Created by Bob on 2016/4/11.
 */
public class ThirdFragment extends Fragment {
    private TextView tvName;

    @Nullable
    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
        View view = inflater.inflate(R.layout.layout_third_fragment, null);
        tvName = (TextView)view.findViewById(R.id.tv_name);
        Bundle bundle  = getArguments();
        String name =bundle.getString("name");
        String password = bundle.getString("password");
        if(null != name){
            tvName.setText(name+"    "+password);
        }
        return view;
    }
}

　　简单的思路，但是在引用到项目里面去的时候又发现了一个比较匪夷所思的问题，那就是尽管进行了fragment的跳转，但是上一个Fragment好像并没有被遮盖，就是说在当前的fragment还能操作上一个fragment。这个就有点坑爹了，后面在找了好些资料之后终于把问题解决。下面是最终的BasePadFragment的StartToFragment方法。

/**
     * 跳转到另外一个fragment的方法
     * @param  currentFragment 当前fragment
     * @param container:当前fragment所处的容器
     * @param newFragment 下一个fragment
     * */
    public void startToFragment(Fragment currentFragment,Context context,int container,Fragment newFragment){
        if(currentFragment != newFragment){
            manager = getFragmentManager();
            transaction = manager.beginTransaction();
            if(! newFragment.isAdded()){
                transaction.hide(currentFragment).add(container,newFragment);
                transaction.addToBackStack(context.getClass().getName());
                transaction.commit();
            }else{
               transaction.hide(currentFragment).show(newFragment);
                transaction.addToBackStack(context.getClass().getName());
                transaction.commit();
            }
        }
    }

　　这样就很好的处理了上一个Fragment不能被遮盖的问题。处理的逻辑是这样，先判断新的fragment是否被add了进来如果没有的话就hide掉上面的fragment，再把新的fragmentadd进来，如果add进来了就直接hide掉上一个fragment，直接压栈并提交。

 源码地址：https://github.com/bobLion/MultiScreenDemo