浅谈Android Fragment

柔光的暖阳◎ 2022-07-28 00:27 251阅读 0赞

## Fragment概述 ##

Android 3.0引入Fragment的初衷是为了适应大屏幕的平板电脑，由于平板电脑的屏幕比手机屏幕更大，可以容纳更多的UI组件，而这些UI组件之间存在交互关系。Fragment可以对UI组件进行分组、模块化管理，可以更方便地在运行过程中动态更新Activity的用户界面。

比如有如下新闻浏览界面，屏幕左边显示新闻列表，屏幕右边显示新闻内容，此时就可以在Activity中显示两个并排的Fragment，左边的Fragment显示新闻列表，屏幕的Fragment显示新闻内容。

Fragment代表了Activity的子模块，也可以理解为是Activity的片段。Fragment必须被”嵌入”Activity中使用，因此虽然Fragment拥有自己的生命周期，并可响应用户输入事件，但Fragment的生命周期会受其所在Activity生命周期的控制。当Activity暂停时，Activity内的所有Fragment都会暂停；当Activity被销毁时，Activity内的所有Fragment都会销毁。只要当Activity属于活动状态时，程序员可通过方法独立地操作Fragment。

## Fragment的特性 ##

1.  Fragment总是作为Activity界面的组成部分。Fragment可以调用getActivity()方法获取它所在的Activity，Activity可以调用FindFragmentById()或FindFragmentByTag()方法来获取Fragment。
2.  在Activity运行过程中，可以调用FragmentManager的add()、remove()、replace()方法动态的添加、删除或替换Fragment。
3.  一个Activity可以同时组合多个Fragment；一个Fragment也可被多个Activity复用。

## 创建Fragment ##

实现Fragment必须要继承Fragment基类或它的任意子类。

![这里写图片描述][20160328031535151]

## Fragment与Activity通信 ##

将Fragment添加到Activity中如下两种方式：  
1. 在布局文件中fragment元素添加Fragment，fragment元素的android:name属性指定Fragment的实现类。  
2. 在Java代码中通过FragmentTransaction对象的add()方法来添加Fragment。

Fragment与Activity相互传递数据，可按如下方式进行：  
1. Activity向Fragment传递数据：在Activity中创建Bundle数据包，并调用Fragment的setArguments(Bundle bundle)方法将Bundle数据包传给Fragment。  
2. Fragment向Activity传递数据或Activity需要在Fragment运行中实现实时通信：在Fragment中定义一个内部回调接口，再让包含该Fragment的Activity中实现这个回调借口。

## Fragment的生命周期 ##

![这里写图片描述][20160328231533738]

## 自己写的一个小例子 ##

运行效果如下：  
![这里写图片描述][20160328231840243]  
activity\_main.xml

<?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:layout_marginRight="15dp" android:layout_marginLeft="15dp" android:orientation="horizontal" android:divider="?android:attr/dividerHorizontal" android:showDividers="middle" tools:context="com.jianda.zuci.fragmentdemo.MainActivity">
    
        <fragment android:name="com.jianda.zuci.fragmentdemo.ImageListFragment" android:id="@+id/image_list" android:layout_width="0dp" android:layout_height="match_parent" android:layout_weight="1">
    
        </fragment>
    
        <FrameLayout android:id="@+id/show_image" android:layout_width="0dp" android:layout_height="match_parent" android:layout_weight="3">
    
        </FrameLayout>
    
    </LinearLayout>

fragment\_detail.xml

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

MainActivity.java

package com.jianda.zuci.fragmentdemo;
    
    import android.support.v7.app.AppCompatActivity;
    import android.os.Bundle;
    
    public class MainActivity extends AppCompatActivity implements ImageListFragment.Callbacks{ 
    
    
        public static final String TAG = "zuci";
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_main);
        }
    
        //实现Callbacks接口必须实现的方法
        @Override
        public void onItemSelected(Integer id) {
            //创建bundle准备向Fragment传入参数
            Bundle bundle = new Bundle();
            bundle.putInt(ImageDetailFragment.ITEM_ID,id);
            ImageDetailFragment fragment = new ImageDetailFragment();
            //向Fragment传入参数
            fragment.setArguments(bundle);
            getFragmentManager().beginTransaction().replace(R.id.show_image,fragment)
                    .commit();
        }
    }

ImageContent.java

package com.jianda.zuci.fragmentdemo;
    
    import java.util.ArrayList;
    import java.util.HashMap;
    import java.util.List;
    import java.util.Map;
    
    /** * Created by zuci on 16/3/28. */
    public class ImageContent { 
    
        //定义一个内部类，作为系统的业务对象
        public static class Image{ 
            public Integer id;
            public String title;
            public Integer imageId;
    
            public Image(Integer id, String title,Integer imageId) {
                this.id = id;
                this.title = title;
                this.imageId = imageId;
            }
    
            @Override
            public String toString() {
                return title;
            }
        }
    
        //使用List集合纪录系统所包含的Image对象
        public static List<Image> ITEMS = new ArrayList<Image>();
    
        //使用Map集合纪录系统所包含的Image对象
        public static Map<Integer,Image> ITEMS_MAP = new HashMap<Integer,Image>();
    
        static {
       //使用静态初始化代码，将Image对象添加到List集合、Map集合中
            addItem(new Image(1,"玫瑰花",R.drawable.meigui));
            addItem(new Image(2,"红莲",R.drawable.honglian));
            addItem(new Image(3,"百合",R.drawable.baihe));
            addItem(new Image(4,"菊花",R.drawable.ju));
            addItem(new Image(5,"满天星",R.drawable.mantianxin));
            addItem(new Image(6,"迎春花",R.drawable.yingchun));
            addItem(new Image(7,"樱花",R.drawable.yinghua));
            addItem(new Image(8,"水仙",R.drawable.shuixian));
    
    
        }
    
        private static void addItem(Image image){
            ITEMS.add(image);
            ITEMS_MAP.put(image.id,image);
        }
    
    
    }

ImageListFragment.java

package com.jianda.zuci.fragmentdemo;
    
    import android.app.Activity;
    import android.app.ListFragment;
    import android.os.Bundle;
    import android.view.View;
    import android.widget.ArrayAdapter;
    import android.widget.ListView;
    
    /** * Created by zuci on 16/3/28. */
    public class ImageListFragment extends ListFragment { 
    
        public static final String TAG = "ImageListFragment";
        private Callbacks mCallbacks;
        //定义一个回调借口，该Fragment所在Activity需要实现该借口
        //该Fragment将通过该接口与它所在的Activity交互
        public interface Callbacks{ 
            public void onItemSelected(Integer id);
        }
        @Override
        public void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setListAdapter(new ArrayAdapter<ImageContent.Image>(getActivity(),
                    android.R.layout.simple_list_item_activated_1,
                    android.R.id.text1, ImageContent.ITEMS));
        }
    
        //当Fragment被添加、显示到Activity时，回调改方法
        @Override
        public void onAttach(Activity activity) {
            super.onAttach(activity);
            if (!(activity instanceof Callbacks)){
                throw new IllegalStateException("ImageListFragment所在的Activity必须实现Callbacks接口");
            }
            mCallbacks = (Callbacks)activity;
        }
    
        //当Fragment从它所属的Activity中被删除时回调改方法
        @Override
        public void onDetach() {
            super.onDetach();
            mCallbacks = null;
        }
    
        @Override
        public void onListItemClick(ListView l, View v, int position, long id) {
            super.onListItemClick(l, v, position, id);
            mCallbacks.onItemSelected(ImageContent.ITEMS.get(position).id);
    
        }
    
        public void setActivateOnItemClick(boolean activateOnItemClick){
            getListView().setChoiceMode(activateOnItemClick ?
            ListView.CHOICE_MODE_SINGLE : ListView.CHOICE_MODE_NONE);
        }
    }

ImageDetailFragment.java

package com.jianda.zuci.fragmentdemo;
    
    import android.app.Fragment;
    import android.graphics.Bitmap;
    import android.graphics.BitmapFactory;
    import android.os.Bundle;
    import android.view.LayoutInflater;
    import android.view.View;
    import android.view.ViewGroup;
    import android.widget.ImageView;
    
    /** * Created by zuci on 16/3/28. */
    public class ImageDetailFragment extends Fragment { 
        public static final String ITEM_ID = "item_id";
        ImageContent.Image image;
    
        @Override
        public void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            //如果启动该Fragment时包含了ITEM_ID参数
            if (getArguments().containsKey(ITEM_ID)){
                image = ImageContent.ITEMS_MAP.get(getArguments().getInt(ITEM_ID));
            }
        }
        @Override
        public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
            View rootView = inflater.inflate(R.layout.fragment_detail, container, false);
            if (image != null){
                Bitmap bitmap = BitmapFactory.decodeResource(getResources(),image.imageId);
                ((ImageView) rootView.findViewById(R.id.iv_detail)).setImageBitmap(bitmap);
            }
              return rootView;
        }
    }

源码下载地址：[https://github.com/zuci118/FragmentDemo.git][https_github.com_zuci118_FragmentDemo.git]

[20160328031535151]: /images/20220727/e5a6b1ca4c4349a38fafa0e8eff4a80a.png
[20160328231533738]: /images/20220727/6d75d84529c3403eb8ade4b434e5451c.png
[20160328231840243]: /images/20220727/a189a3c17a8e41a9b0635b69ffb1c03b.png
[https_github.com_zuci118_FragmentDemo.git]: https://github.com/zuci118/FragmentDemo.git