Fragment的使用详解 低版本兼容 回退栈 相互通信 Fragment+RadioButton

下面是我整理了一些关于Fragment的相关知识并结合自己使用的一些心得。


一、关于Fragment 

Fragment(碎片)是Android3.0(API等级11)才出现的,主要是更动态和灵活的支持phone和pad。
如下图:


在pad上多个Fragment组合在Activity使用,Fragment也可以被多个Activity重用。


注意:Fragment不能独立使用,必须组合Activity使用,Fragment有自己的生命周期,而它的生命周期是由Activity管理的。


二、Fragment生命周期


首先看下面这张官方给出的生命周期图:


   


我们发现和Activity很相似只是多了几个新方法:

  1. OnAttch Fragment和Activity建立关联的时候调用;
  2. OnCreateView : 为Fragment创建视图(加载布局)时调用;
  3. onActivityCreated : 当Activity中的onCreate方法执行完后调用;
  4. onDestroyView : Fragment中的布局被移除时调用;
  5. onDetach:Fragment和Activity解除关联的时候调用;

下面是Fragment和Activity各个生命周期的关系:



三、Fragment的使用

有两种方式:一种是直接在Layout中引用(这种方式比较简单),另一种是动态添加(推荐使用这种方式)


1. 直接添加到Layout中:首先创建一个Fragment 


private final String TAG = "FragmentOne";

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        Log.i(TAG, "FragmentOne------->onCreate");
    }
    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
        Log.i(TAG, "FragmentOne------->onCreateView");
        View view = inflater.inflate(R.layout.fragment_one,null);
        return view;

    }
注意:为了兼容低版本,这里的Fragment要使用android.support.v4.app.Fragment;

下面将FragmentOne添加到Layout中:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
   >

    <fragment
        android:id="@+id/FrameLayout"
        android:name="com.example.sam.fragmentdemo.FragmentOne"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content">
    </fragment>


</RelativeLayout>

<fragment> 中的 android:name 属性指定要使用的Fragment;
在Activity只要加载该Layout就可以了:

public class MainActivity extends FragmentActivity {
    private final String TAG = "MainActivity";
    @Override
    protected void onCreate(Bundle savedInstanceState) {

        Log.i(TAG, "MainActivity------->onCreate");
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
    }
}
注意:这里的FragmentActivity 是继承自activity,用来解决android3.0 之前没有Fragment的api,所以在使用的时候需要导入support包,同时继承FragmentActivity,这样就可以兼容低版本使用Fragment了。

(2)动态添加:
这里我通过一个小demo来讲解,下来看看效果图;



底部是两个RadioButton,用来切换两个Fragment,下面就是Activity中实现过程:

public class MainActivity extends FragmentActivity {

    private final String TAG = "MainActivity";

    private RadioGroup mRadioGroup;
    private FragmentOne fragmentOne;
    private FragmentTwo fragmentTwo;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        Log.i(TAG, "MainActivity------->onCreate");
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        //设置默认显示的Fragment
        setTabSelection(R.id.localrecordingtab);

        mRadioGroup = (RadioGroup) findViewById(R.id.tabs_rg);
        mRadioGroup.setOnCheckedChangeListener(new RadioGroup.OnCheckedChangeListener() {
            @Override
            public void onCheckedChanged(RadioGroup radioGroup, int checkedId) {
                setTabSelection(checkedId);
            }
        });
    }

    /**
     * 切换Fragment
     * @param id
     */
    private void setTabSelection(int id){
        // 开启一个Fragment事务
        FragmentTransaction transaction = getSupportFragmentManager().beginTransaction();
        hideFragments(transaction);
        switch (id) {
            case R.id.localrecordingtab:
                if (fragmentOne == null) {
                    fragmentOne = new FragmentOne();
                    transaction.add(R.id.frameLayout, fragmentOne);
                } else {
                    transaction.show(fragmentOne);
                }
                break;

            case R.id.eventlisttab:
                if (fragmentTwo == null) {
                    fragmentTwo = new FragmentTwo();
                    transaction.add(R.id.frameLayout, fragmentTwo);
                } else {
                    transaction.show(fragmentTwo);
                }
                break;
            default:
                break;

        }
        transaction.commit();

    }

    /**
     * 将所有的Fragment都置为隐藏状态。
     */
    private void hideFragments(FragmentTransaction transaction) {
        if (fragmentOne != null) {
            transaction.hide(fragmentOne);
        }
        if (fragmentTwo != null) {
            transaction.hide(fragmentTwo);
        }

    }

}

大致可以分为四个步骤:
  1.  先取得FragmentTransaction对象(开启Fragment事务);
  2.  如果当前界面有其他Fragment,先隐藏当前Fragment;
  3.  用add()方法添加Fragment的对象;
  4.  最后调用commit()方法,提交事务;
注意:我们也可以使用replace()方法来切换Fragment,replace()相当于做了2、3的操作;但是调用replace()会先remove掉当前的Fragment(会调用其生命周期函数(onDestoryView(),onPause(),onDestory())),然后再添加;如果频繁地replace Fragment会不断创建新实例,销毁旧的,无法重用。所以如果旧Fragment无须再次使用,那可以使用replace方法将其销毁,这里我们不用了。

这个demo的源码我托管在Git上了,大家有兴趣可以看看:https://github.com/WangFlower/TabFragment

四、Fragment与Activity、Fragment间通信

  1. 在Fragment中想要调用Activity中的方法,可以通过getActivity()方法取得当前Fragment所在Activity的对象,然后可以通过可以调用宿主Activity中的方法;
  2. 在Activity中需要操作Fragment,因为每个Fragment都有一个唯一的TAG(ID),我们可以通过getSupportFragmentManager().findFragmentByTag()或者findFragmentById()来取得Fragment实例,当然如果Activity中有Fragment实例也可以直接通过它来操作。
  3.  在pad上可能更多的是Fragment与Fragment之间通信,比如一个Activity加载layout-large中的布局时含有多个Fragment:根据低耦合的原则,我们应该尽量避免在Fragment中直接操作别的Fragment,可以让它们的宿主Activity来操作,所以归根结底还是Fragment与Activity之间的通信:在这里我们有两个种方式来实现:第一种就是上面第1点所说的,在Activity中写一个公共的方法可以同getActivity()来直接调用,第二种方式就是通过接口回调来实现(推荐使用这种方式),下面就举例来通过接口回调来实现:

在这个Activity中有两个Fragment,当点击左边Fragment中提交按钮后,右边Fragment则显示左边输入的数据,来看看具体实现吧:

左边FragmentOne:

public class FragmentOne extends Fragment {

    private final String TAG = "FragmentOne";
    private Button mBtn;
    private EditText mEdText;

    public interface OnFragmentOneClickListen{
        void onFragmentOneClick(String s);
    }

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        Log.i(TAG, "FragmentOne------->onCreate");
    }
    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
        Log.i(TAG, "FragmentOne------->onCreateView");
        View view = inflater.inflate(R.layout.fragment_one,null);
        mEdText = (EditText) view.findViewById(R.id.text);
        mBtn = (Button) view.findViewById(R.id.btn);
        mBtn.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                String s = mEdText.getText().toString();
                ((MainActivity)getActivity()).onFragmentOneClick(s);
            }
        });
        return view;

    }
}

在其中定义了一个回调的接口,这个接口可以让Activity来实现:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="horizontal"
   >

    <fragment
        android:id="@+id/fragmenone"
        android:name="com.example.sam.fragmentdemo.FragmentOne"
        android:layout_width="wrap_content"
        android:layout_weight="1"
        android:layout_height="match_parent"
        >
    </fragment>

    <fragment
        android:id="@+id/fragmenttwo"
        android:name="com.example.sam.fragmentdemo.FragmentTwo"
        android:layout_width="wrap_content"
        android:layout_weight="1"
        android:layout_height="match_parent"
        >
    </fragment>

</LinearLayout>
在Activity布局中我直接把两个Fragment添加进来了;那在代码中我们可以通过getSupportFragmentManager().findFragmentById()来取得Fragment实例,如下:

public class MainActivity extends FragmentActivity implements FragmentOne.OnFragmentOneClickListen{

    private final String TAG = "MainActivity";

    private FragmentOne fragmentOne;
    private FragmentTwo fragmentTwo;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        Log.i(TAG, "MainActivity------->onCreate");
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        fragmentTwo = (FragmentTwo) getSupportFragmentManager().findFragmentById(R.id.fragmenttwo);
    }
    @Override
    public void onFragmentOneClick(String s) {
        fragmentTwo.setText(s);
    }
}

在Activity中来具体实现FragmentOne中的按钮的具体操作,通知FragmentTwo更新Text,在实际开发中这个回调的方法可能会根据phone和pad会有不同操作:

public class FragmentTwo extends Fragment {

    private final String TAG = "FragmentTwo";

    private TextView mText;

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        Log.i(TAG, "FragmentTwo------->onCreate");
    }
    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
        View view = inflater.inflate(R.layout.fragment_two,null);
        mText = (TextView) view.findViewById(R.id.text);
        Log.i(TAG, "FragmentTwo------->onCreateView");
        return view;

    }
    public void setText(String s){
        if(null!=s&&!"".equals(s)){
            mText.setText(s);
        }

    }
}

注意:setText()这样实现是因为在pad上当Activity显示的时候这个两个Fragment都已经初始化完成了,而当在手机上一个界面只显示一个Fragment,当点击一个Fragment跳转到第二个Fragment时这种实现会报空异常(第二个Fragment还没有初始化完成,没有执行OnCreateView方法,这是mText对象为null),下面讲回退栈的时候再来说明这点。

五、Fragment回退栈

我们可以在Activity中来维护一个Fragment栈,当每次添加Fragment事务的时候,我们可以将这个Fragment任务添加到回退栈中,当点击back键时,程序会返回到上一个Fragment界面,下面我用两个Fragment来操作(在上面的demo修改),当点击第一个Fragment后跳转到第二个Fragment,点击back键回退到第一个Fragment,再次点击则退出程序,我们主要看看Activity的实现吧

public class MainActivity extends FragmentActivity implements FragmentOne.OnFragmentOneClickListen {

    private final String TAG = "MainActivity";

    private FragmentOne fragmentOne;
    private FragmentTwo fragmentTwo;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        Log.i(TAG, "MainActivity------->onCreate");
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        //设置默认显示的Fragment  这里我就简单用 0  1 表示两个Fragment
        setTabSelection(0);
    }
    /**
     * 切换Fragment
     * @param id
     */
    private void setTabSelection(int id){
        // 开启一个Fragment事务
        FragmentTransaction transaction = getSupportFragmentManager().beginTransaction();
        hideFragments(transaction);

        switch (id) {
            case 0:
                if (fragmentOne == null) {
                    fragmentOne = new FragmentOne();
                    transaction.add(R.id.frameLayout, fragmentOne);
                } else {
                    transaction.show(fragmentOne);
                }

                break;

            case 1:
                fragmentTwo = new FragmentTwo();
                transaction.add(R.id.frameLayout, fragmentTwo);
                transaction.show(fragmentTwo);
                //将当前的事务添加到了回退栈
                transaction.addToBackStack(null);
                break;
            default:
                break;

        }

        transaction.commit();

    }
    /**
     * 将所有的Fragment都置为隐藏状态。
     */
    private void hideFragments(FragmentTransaction transaction) {
        if (fragmentOne != null) {
            transaction.hide(fragmentOne);
        }
        if (fragmentTwo != null) {
            transaction.hide(fragmentTwo);
        }
    }
    @Override
    public void onFragmentOneClick(String s) {
        setTabSelection(1);
        fragmentTwo.setText(s);
    }
}

注意:其实和之前的Fragment间切换没有太多不同,只是在提交事务前多了transaction.addToBackStack()方法,它可以接收一个String用于描述返回栈的状态; 在点击back键时当前的Fragment会被onDestroy掉,所以每次跳转都需要重新初始化一个Fragment;

好了这样运行程序会产生一个空异常,正如上节所说的那样,在调用fragmentTwo.setText(s);方法时,FragmentTwo并没有初始化完成,所以必须修改:

public class FragmentTwo extends Fragment {

    private final String TAG = "FragmentTwo";

    private TextView mText;
    private String mTextString="";

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
    }
    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
        View view = inflater.inflate(R.layout.fragment_two,null);
        mText = (TextView) view.findViewById(R.id.text);

        mText.setText(mTextString);

        return view;

    }
    //初始化数据
    public void initData(String s){
        if(null!=s&&!"".equals(s)){
            if(mText!=null){
                mText.setText(s);
            }
            mTextString = s;
        }

    }
}


在setText()方法中,也可以根据phone和pad来做不同的处理。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值