使用Fragment

墨尘 131 0

1. Fragment概述

1.1 介绍

Fragment是一种可以嵌入在活动中的UI片段,能够让程序更加合理和充分地利用大屏幕的空间,出现的初衷是为了适应大屏幕的平板电脑,可以将其看成一个小型Activity,又称作Activity片段。

使用Fragment可以把屏幕划分成几块,然后进行分组,进行一个模块化管理。Fragment不能够单独使用,需要嵌套在Activity中使用,其生命周期也受到宿主Activity的生命周期的影响

官方定义如下:

A Fragment represents a behavior or a portion of user interface in an Activity. You can combine multiple fragments in a single activity to build a multi-pane UI and reuse a fragment in multiple activities. You can think of a fragment as a modular section of an activity, which has its own lifecycle, receives its own input events, and which you can add or remove while the activity is running.

从官方的定义可以得到:

  • Fragment依赖于Activity,不能独立存在

  • 一个Activity可以有多个Fragment

  • 一个Fragment可以被多个Activity重用

  • Fragment有自己的生命周期,并能接收输入事件

  • 可以在Activity运行时动态地添加或删除Fragment

Fragment的优势

  • 模块化(Modularity):我们不必把所有代码全部写在Activity中,而是把代码写在各自的Fragment中。

  • 可重用(Reusability):多个Activity可以重用一个Fragment。

  • 可适配(Adaptability):根据硬件的屏幕尺寸、屏幕方向,能够方便地实现不同的布局,这样用户体验更好。

1.2 Fragment基本生命周期

image

Fragment的一般生命周期如上图所示:

  • onAttach():Fragment和Activity相关联时调用。可以通过该方法获取Activity引用,还可以通过getArguments()获取参数。

  • onCreate():Fragment被创建时调用

  • onActivityCreated():当Activity完成onCreate()时调用

  • onStart():当Fragment可见时调用。

  • onResume():当Fragment可见且可交互时调用

  • onPause():当Fragment不可交互但可见时调用。

  • onStop():当Fragment不可见时调用。

  • onDestroyView():当Fragment的UI从视图结构中移除时调用。

  • onDestroy():销毁Fragment时调用。

  • onDetach():当Fragment和Activity解除关联时调用。

Fragment生命周期会经历:运行、暂停、停止、销毁

  • 运行状态:碎片可见时,关联活动处于运行状态,其也为运行状态

  • 暂停状态:活动进入暂停状态,相关联可见碎片就会进入暂停状态

  • 停止状态:活动进入停止状态,相关联碎片就会进入停止状态,或者通过FragmentTransaction的remove()replace()方法将碎片从从活动中移除,但如果在事务提交之前调用addToBackStack()方法,这时的碎片也会进入到停止状态。

  • 销毁状态:当活动被销毁,相关联碎片进入销毁状态。或者调用FragmentTransaction的remove()replace()方法将碎片从活动中移除,但在事务提交之前并没有调用addToBackStack()方法,碎片也会进入到销毁状态。

在介绍Fragment的具体使用时,先介绍一下Fragment的几个核心类

  • Fragment:Fragment的基类,任何创建的Fragment都需要继承该类

  • FragmentManager:管理和维护Fragment。他是抽象类,具体的实现类是FragmentManagerImpl

  • FragmentTransaction:对Fragment的添加、删除等操作都需要通过事务方式进行。他是抽象类,具体的实现类是BackStackRecord

扩展子类

  • 对话框:DialogFragment

  • 列表:ListFragment

  • 选项设置:PreferenceFragment

  • WebView界面:WebViewFragment

备注:开发Fragment不建议使用android.app下的Fragment而应是android:support.v4.app,因为support库是不断更新的。

2. Fragment使用

使用Fragment有两种方式,分别是静态加载和动态加载

2.1 静态加载

关于静态加载的流程如下:

  • 定义Fragment的xml布局文件

  • 自定义Fragment类,继承Fragment类或其子类,同时实现onCreate()方法,在方法中,通过inflater.inflate加载布局文件,接着返回其View

  • 在需要加载Fragment的Activity对应布局文件中<fragment>的name属性设为全限定类名,即包名.fragment

  • 最后在Activity调用setContentView()加载布局文件即可

静态加载一旦添加就不能在运行时删除

示例

  • 定义Fragment布局,新建left_fragment.xml和right_fragment.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:orientation="vertical">
    
        <Button
            android:id="@+id/button"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center_horizontal"
            android:text="Button" /></LinearLayout>

    <?xml version="1.0" encoding="utf-8"?><LinearLayout
        xmlns:android="http://schemas.android.com/apk/res/android"
        android:orientation="vertical"
        android:background="#00ff00"
        android:layout_width="match_parent"
        android:layout_height="match_parent">
    
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center_horizontal"
            android:textSize="20sp"
            android:text="this is Fragment" /></LinearLayout>
  • 自定义Fragment类,继承Fragment或其子类,重写onCreateView(),在方法中调用inflater.inflate()方法加载Fragment布局文件,接着返回加载的view对象

    public class LeftFragment extends Fragment {
    
        @Override
        public View onCreateView(LayoutInflater inflater, ViewGroup container,
                                 Bundle savedInstanceState) {
            View view = inflater.inflate(R.layout.left_fragment, container,false);
            return view;
        }}

    public class RigthFragment extends Fragment {
    
        @Nullable
        @Override
        public View onCreateView(@NonNull LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
            View view = inflater.inflate(R.layout.right_fragment, container, false);
            return view;
        }}
  • 在需要加载Fragment的Activity对应的布局文件中添加Fragment标签

    <fragment
        android:id="@+id/left_fragment"
        android:name="com.vivo.a11085273.secondfragmenttest.LeftFragment"
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="1" /><fragment
        android:id="@+id/right_fragment"
        android:name="com.vivo.a11085273.secondfragmenttest.RigthFragment"
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="1"
        />
  • 在Activity的onCreate()方法中调用setContentView()加载布局文件即可

2.2 动态加载Fragment

动态加载Fragment的流程如下:

  • 获得FragmentManager对象,通过getSupportFragmentManager()

  • 获得FragmentTransaction对象,通过fm.beginTransaction()

  • 调用add()方法或者repalce()方法加载Fragment;

  • 最后调用commit()方法提交事务

简单示例:

  • 同静态加载一样,首先定义Fragment的布局和类,修改主布局文件,不指定<fragment>标签的name属性。

  • 实现Fragment调用

public class MainActivity extends AppCompatActivity implements View.OnClickListener {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        Button button = (Button) findViewById(R.id.button);
        button.setOnClickListener(this);
        replaceFragment(new RigthFragment());
    }

    @Override
    public void onClick(View v) {
        switch (v.getId()) {
            case R.id.button:
                replaceFragment(new AnotherRightFragment());
                break;
            default:
                break;
        }
    }

    private void replaceFragment(Fragment fragment) {
        FragmentManager fragmentManager = getSupportFragmentManager();
        FragmentTransaction transaction = fragmentManager.beginTransaction();   // 开启一个事务
        transaction.replace(R.id.right_layout, fragment);
        transaction.commit();
    }}

2.3 使用注意点

  • Fragment的onCreateView()方法返回Fragment的UI布局,需要注意的是inflate()的第三个参数是false,因为在Fragment内部实现中,会把该布局添加到container中,如果设为true,那么就会重复做两次添加,则会抛如下异常

Caused by: java.lang.IllegalStateException: The specified child already has a parent. You must call removeView() on the child’s parent first.

  • 如果在创建Fragment时要传入参数,必须要通过setArguments(Bundle bundle)方式添加,而不建议通过为Fragment添加带参数的构造函数,因为通过setArguments()方式添加,在由于内存紧张导致Fragment被系统杀掉并恢复(re-instantiate)时能保留这些数据

    可以在Fragment的onAttach()中通过getArguments()获得传进来的参数。如果要获取Activity对象,不建议调用getActivity(),而是在onAttach()中将Context对象强转为Activity对象

示例

public class Fragment1 extends Fragment{
    private static String ARG_PARAM = "param_key";
    private String mParam;
    private Activity mActivity;
    public void onAttach(Context context) {
        mActivity = (Activity) context;
        mParam = getArguments().getString(ARG_PARAM);  //获取参数
    }
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
        View root = inflater.inflate(R.layout.fragment_1, container, false);
        TextView view = root.findViewById(R.id.text);
        view.setText(mParam);
        return root;
    }
    public static Fragment1 newInstance(String str) {
        Fragment1 frag = new Fragment1();
        Bundle bundle = new Bundle();
        bundle.putString(ARG_PARAM, str);
        fragment.setArguments(bundle);   //设置参数
        return fragment;
    }}
  • 动态加载Fragment中,FragmentTransaction类提供了方法完成增删等操作,完成后调用FragmentTransaction.commit()方法提交修改

    commit方法一定要在Activity.onSaveInstance()之前调用

    commit()操作是异步的,内部通过mManager.enqueueAction()加入处理队列。对应的同步方法为commitNow(),commit()内部会有checkStateLoss()操作,如果开发人员使用不当(比如commit()操作在onSaveInstanceState()之后),可能会抛出异常,而commitAllowingStateLoss()方法则是不会抛出异常版本的commit()方法,但是尽量使用commit(),而不要使用commitAllowingStateLoss()。

    • transaction.add():往Activity里面添加一个片段

    • transaction.remove():从Activity中移除一个Fragment,如果被移除的Fragment没有添加到回退栈,这个Fragment实例将会被销毁

    • transaction.replace():使用另一个Fragment替换当前的,实际上是remove()然后add()的合体

    • transaction.hide():隐藏当前Fragment,仅不可见,不会销毁

    • transaction.show():显示之前隐藏的Fragment

    • detach():会将view从UI中移除,和remove()不同,此时fragment的状态依然由FragmentManager维护

    • attach():重建view视图,附加到UI上并显示。

  • FragmentManager拥有回退栈(BackStack),类似于Activity的任务栈,如果添加了该语句,就把该事务加入回退栈,当用户点击返回按钮,会回退该事务(回退指的是如果事务是add(frag1),那么回退操作就是remove(frag1));如果没添加该语句,用户点击返回按钮会直接销毁Activity。

  • Fragment常见异常

java.lang.IllegalStateException: Can not perform this action after onSaveInstanceState
at android.support.v4.app.FragmentManagerImpl.checkStateLoss(FragmentManager.java:1341)
at android.support.v4.app.FragmentManagerImpl.enqueueAction(FragmentManager.java:1352)
at android.support.v4.app.BackStackRecord.commitInternal(BackStackRecord.java:595)
at android.support.v4.app.BackStackRecord.commit(BackStackRecord.java:574)

出现原因:commit()在onSaveInstanceState()后调用

由于onSaveInstanceState()onPause()之后onStop()之前调用。onRestoreInstanceState()在onStart()之后,onResume()之前,因此避免出现该异常的方案有:

  • 不要把Fragment事务放在异步线程的回调中

  • 逼不得已时使用commitAllowingStateLoss()

3. Fragment与Activity联动

image

Fragment和Activity完整的生命周期如上图所示

下面给出Activity与Fragment联动时的执行顺序,最好通过log自我验证一下

  1. 当Fragment在Activity的onCreate()中被添加时

  • Activity super.onCreate执行完毕

  • Fragment onAttach

  • Fragment onCreate

  • Fragment onCreateView

  • Fragment onViewCreated

  • Activity.super.onStart()执行中

  • Fragment onActivityCreated

  • Fragment onViewStateRestored

  • Fragment onStart()

  • Activity super.onStart执行完毕

  • Activity super.onPostCreate()

  • Activity super.onResume()

  • Activity super.onPostResume()执行中

  • Fragment onResume()

  • Activity super.onPosResume()执行完毕

  • Activity onAttachedToWindow()

  • Activity onCreateOptionsMenu()

  • Fragment onCreateOptionsMenu()

  • Activity onPrepareOptionsMenu()

  • Fragment onPrepareOptionsMenu()

  • Activity onWindowFocusChanged()

  • 暂停生命周期

    • Activity super.onPause()执行中

    • Fragment.onPause()

    • Activity super.onPause()执行完毕

    • Activity super.onSaveInstanceState()执行中

    • Fragment onSaveInstanceState()

    • Activity super.onSaveInstanceState()执行完毕

    • Activity super.onStop()执行中

    • Fragment onStop()

    • Activity super.onStop()执行完毕

  • 销毁的生命周期

    • Activity super.onDestroy()执行中

    • Fragment onDestroyView()

    • Fragment onDestroy()

    • Fragment onDetach()

    • Activity super.onDestroy()执行完毕

  • 重启的生命周期

    • Activity super.onRestart()

    • Activity super.onStart()执行中

    • Fragment onStart()

    • Activity super.onStart()执行完毕

    • Activity super.onResume()

    • Activity super.onPostResume()执行中

    • Fragment onResume()

    • Activity super.onPosResume()执行完毕

    • Activity onWindowFocusChanged()执行完毕

    3.1 回退栈

    类似Android系统为Activity维护一个任务栈,我们也可以通过Activity维护一个回退栈来保存每次Fragment事务发生的变化。如果你将Fragment任务添加到回退栈,当用户点击后退按钮时,将看到上一次的保存的Fragment。
    一旦Fragment完全从后退栈中弹出,用户再次点击后退键,则退出当前Activity

    添加一个Fragment事务到回退栈:

    FragmentTransaction.addToBackStack(String)

    简单示例

    private void replaceFragment(Fragment fragment) {
        FragmentManager fragmentManager = getSupportFragmentManager();
        FragmentTransaction transaction = fragmentManager.beginTransaction();
        transaction.replace(R.id.right_layout, fragment);
        transaction.addToBackStack(null);   //添加进回退栈
        transaction.commit();}

    replace是remove和add的合体,并且如果不添加事务到回退栈,前一个Fragment实例会被销毁。这里很明显,我们调用transaction.addToBackStack(null);将当前的事务添加到了回退栈,所以FragmentOne实例不会被销毁,但是视图层次依然会被销毁,即会调用onDestoryView和onCreateView

    如果不希望视图重绘,可以将原来的Fragment隐藏:

    private void reFragmentTransactionplaceFragment(Fragment fragment) {
        FragmentManager fragmentManager = getSupportFragmentManager();
         transaction = fragmentManager.beginTransaction();
        transaction.hide(this);
        transaction.add(R.id.right_layout, fragment);
        transaction.addToBackStack(null);   //添加进回退栈
        transaction.commit();}

    4. Fragment与Activity通信

    image

    Fragment与Activity的通信交互如上图所示:

    • 如果Activity中包含自己管理的Fragment的引用,可以通过引用直接访问所有的Fragment的public方法

    • 如果Activity中未保存任何Fragment的引用,那么没关系,每个Fragment都有一个唯一的TAG或者ID,可以通过getFragmentManager.findFragmentByTag()或者findFragmentById()获得任何Fragment实例,然后进行操作

    • 在Fragment中可以通过getActivity得到当前绑定的Activity的实例,然后进行操作。

    备注

    • 如果在Fragment中需要Context,可以通过getActivity(),如果该Context需要在Activity被销毁后还存在,则使用getActivity.getApplicationContext();

    考虑Fragment的重复使用问题,降低与Activity的耦合,Fragment操作应该由它的管理者Activity决定

    4.1 传递数据给Fragment

    步骤流程

    • 在Activity中创建Bundle数据包,调用Fragment实例的setArguments(),将Bundle数据包传给Fragment

    • Fragment调用getArguments()获得Bundle对象,然后进行解析就可以

    简单示例:

    //创建Fragment对象,并通过Bundle对象传递值(在onCreate方法中)MyFragment fragment = new MyFragment();Bundle bundle = new Bundle();bundle.putString("key", values);fragment.setArguments(bundle);

    //(在Fragment类中的onCreateView方法中)Bundle bundle = this.getArguments();
        if (bundle != null)
        {
            String str = bundle.getString("key");
        }
        TextView textView = new TextView(getActivity());
        textView.setText("上上下下的享受");//是电梯,别误会

    4.2 传递数据给Activity

    步骤流程

    • 在Fragment中定义一个内部回调接口,再让包含该Fragment的Activity实现该回调接口

    • Fragment通过回调接口传数据

    简单示例

    • 首先在Fragment中定义一个接口(定义抽象方法,传什么类型参数)

    /*接口*/  public interface Mylistener{
        public void thanks(String code);}
    • Fragment类中定义该接口

    private Mylistener listener;
    • 在onAttach方法中,将定义的该接口强转为activity类型

    @Override
        public void onAttach(Activity activity) {
            // TODO Auto-generated method stub
            listener=(Mylistener) activity;
            super.onAttach(activity);
        }
    • Activity只需实现该接口并重写该方法即可

    @Override
        public void thanks(String code) {
            // TODO Auto-generated method stub
            Toast.makeText(this, "已收到Fragment的消息:--"+code+"--,客气了", Toast.LENGTH_SHORT).show();;
        }

    除了接口回调,还可以使用EventBus进行交互通信。

    5. Fragment间通信

    5.1 setArguments()

    示例:

    • 在Fragment B中新建一个函数:newInstance()接收传过来的参数

        public static Fragment2 newInstance(String text) {
            Fragment2 fragment = new Fragment2();
            Bundle args = new Bundle();
            args.putString("param", text);
            fragment.setArguments(args);
            return fragment;
        }
    • 在Fragment B的onCreateView中获取参数

        public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
            View view =  inflater.inflate(R.layout.fragment2, container, false);
            if (getArguments() != null) {
                String mParam1 = getArguments().getString("param");
                TextView tv =  (TextView)view.findViewById(R.id.textview);
                tv.setText(mParam1);
            }
            return view;
        }
    • 在Fragment A中,调用Fragment B时,通过newInstance函数获取实例并传递参数:

    public class Fragment1 extends Fragment {
     
        @Override
        public View onCreateView(LayoutInflater inflater, ViewGroup container,
                                 Bundle savedInstanceState) {
            View view = inflater.inflate(R.layout.fragment1, container, false);
            Button btn = (Button)view.findViewById(R.id.load_fragment2_btn);
            btn.setOnClickListener(new View.OnClickListener(){
                @Override
                public void onClick(final View view) {
                    Fragment2 fragment2 = Fragment2.newInstance("从Fragment1传来的参数");
     
                    FragmentTransaction transaction = getFragmentManager().beginTransaction();
                    transaction.add(R.id.main_layout, fragment2);
                    transaction.addToBackStack(null);
                    transaction.commit();
                }
            });
            return view;
        }}

    5.2 同Activity不同Container的Fragment交互

    这种情况有三中方法解决:

    方法一直接在Activity中操作

    直接在Activity中找到对应控件的实例,然后直接操控即可

    方法二直接在Fragment中操作

    这里有两个问题:如何获取自己控件的引用?如何获取其他Fragment页控件的引用?

    • 首先获取自己控件的引用

      可以在onCreateView()中获取

      public View onCreateView(LayoutInflater inflater, ViewGroup container,
              Bundle savedInstanceState) {
          View rootView = inflater.inflate(R.layout.fragment1, container, false);
          listView = (ListView)rootView.findViewById(R.id.list);//获取自己视图里的控件引用,方法一
          return rootView;}

      onCreateView()中,还没有创建视图,所以在这里如果使用getView()方法将返回空

      另一种方法是在onActivityCreated()中获取,其回调在onCreate()执行后再执行

      public void onActivityCreated(Bundle savedInstanceState) {
          super.onActivityCreated(savedInstanceState);
       
          listView = (ListView) getView().findViewById(R.id.list);//获取自己视图里的控件引用,方法二}
    • 获取其它Fragment页控件引用方法

      获取Activity资源,须等Activity创建完成后,必须放在onActivityCreated()回调函数中

      public void onActivityCreated(Bundle savedInstanceState) {
          super.onActivityCreated(savedInstanceState);
       
          mFragment2_tv = (TextView) getActivity().findViewById(R.id.fragment2_tv);//获取其它fragment中的控件引用的唯一方法!!!
       }

    总的实现示例如下:

    public void onActivityCreated(Bundle savedInstanceState) {
        super.onActivityCreated(savedInstanceState);
     
        mFragment2_tv = (TextView) getActivity().findViewById(R.id.fragment2_tv);//获取其它fragment中的控件引用的唯一方法!!!
        listView = (ListView) getView().findViewById(R.id.list);//获取自己视图里的控件引用,方法二
     
        ArrayAdapter arrayAdapter = new ArrayAdapter<String>(getActivity(), android.R.layout.simple_list_item_1, mStrings);
        listView.setAdapter(arrayAdapter);
        listView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
            @Override
            public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
                String str = mStrings[position];
                mFragment2_tv.setText(str);
           }
        });}

    方法三在各自Fragment中操作

    方法二在Fragment A中操作了Fragment B,违背模块分离思想,应通过Activity将其分离

    在Activity中可以直接通过FragmentManager.findFragmentById()获取Fragment实例

    示例

    • 在Fragment2设置TextView函数

    public class Fragment2 extends Fragment {
        private TextView mTv;
        …………    public void setText(String text) {
            mTv.setText(text);
        }}
    • 在Fragment1 中定义处理方式

      private titleSelectInterface mSelectInterface;
       public interface titleSelectInterface{
          public void onTitleSelect(String title);}

      public void onAttach(Activity activity) {
          super.onAttach(activity);
       
          try {
              mSelectInterface = (titleSelectInterface) activity;
          } catch (Exception e) {
              throw new ClassCastException(activity.toString() + "must implement OnArticleSelectedListener");
          }}

      public void onActivityCreated(Bundle savedInstanceState) {
          super.onActivityCreated(savedInstanceState);
       
          listView = (ListView) getView().findViewById(R.id.list);//获取自己视图里的控件引用,方法二
          ArrayAdapter arrayAdapter = new ArrayAdapter<String>(getActivity(), android.R.layout.simple_list_item_1, mStrings);
          listView.setAdapter(arrayAdapter);
          listView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
              @Override
              public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
                  String str = mStrings[position];
                  mSelectInterface.onTitleSelect(str);
              }
          });}
      • 调用接口变量

      • 接口变量赋值

        接口给Activity使用,在Activity中给接口变量赋值,在Fragment与Activity关联时,需要强转

      • 定义接口与变量

    • 在Activity中实现接口

    public class MainActivity extends FragmentActivity implements Fragment1.titleSelectInterface {
     
        ……    
        @Override
        public void onTitleSelect(String title) {
            FragmentManager manager = getSupportFragmentManager();
            Fragment2 fragment2 = (Fragment2)manager.findFragmentById(R.id.fragment2);
            fragment2.setText(title);
        }}




作者:者文_ 链接:https://www.jianshu.com/p/a4c51309bc19 来源:简书 著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

标签: #vue #java

上一篇常用Node指令

下一篇Echarts入门

  • 评论列表

留言评论