1. 組成架構(gòu)

• 整個架構(gòu)被包在一個外部Fragment之中，也可以放在一個Activity之中，隨意。
• 外部的fragment包含了兩個組件，即途中的ViewPager和TabLayout
• ViewPager要套上一個FragmentStatePagerAdapter ，適配器負責(zé)new出一個個fragment，這些fragment object就是負責(zé)裝數(shù)據(jù)的一個個頁面。
• ViewPager可以和TabLayout進行關(guān)聯(lián)

2. 實現(xiàn)步驟

2.1 創(chuàng)建內(nèi)部的fragment object和外部的Fragment

public class ObjectFragment extends Fragment {private static String OBJ_INDEX = "objectIndex";private String mIndex;public ObjectFragment() {}public static ObjectFragment newInstance(String param1) {ObjectFragment fragment = new ObjectFragment();Bundle args = new Bundle();args.putString(OBJ_INDEX, param1);fragment.setArguments(args);return fragment;}@Overridepublic void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);if (getArguments() != null) {mIndex = getArguments().getString(OBJ_INDEX);}}@Overridepublic View onCreateView(LayoutInflater inflater, ViewGroup container,Bundle savedInstanceState) {return inflater.inflate(R.layout.fragment_object, container, false);}@Overridepublic void onViewCreated(@NonNull View view, @Nullable Bundle savedInstanceState) {((TextView) view.findViewById(R.id.tv_frg_obj)).setText("item" + mIndex);}}

public class OuterFragment extends Fragment {public OuterFragment() {// Required empty public constructor}public static OuterFragment newInstance() {OuterFragment fragment = new OuterFragment();return fragment;}@Overridepublic void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);}@Overridepublic View onCreateView(LayoutInflater inflater, ViewGroup container,Bundle savedInstanceState) {// Inflate the layout for this fragmentreturn inflater.inflate(R.layout.fragment_outer, container, false);}
}

下面是OuterFragment的頁面，由架構(gòu)圖可以看出，外部的fragment包含了ViewPager和TabLayout，但是在具體的頁面中，TabLayout被放進了ViewPager中

    <androidx.viewpager.widget.ViewPagerandroid:id="@+id/pager"android:layout_width="match_parent"android:layout_height="match_parent"><com.google.android.material.tabs.TabLayoutandroid:id="@+id/tab_layout"android:layout_width="match_parent"android:layout_height="wrap_content" /></androidx.viewpager.widget.ViewPager>

2.2 創(chuàng)建FragmentStatePagerAdapter適配器

這個東西就是ViewPager的適配器

public class MyFragmentStatePagerAdapter extends FragmentStatePagerAdapter {public MyFragmentStatePagerAdapter(@NonNull FragmentManager fm) {super(fm);}@NonNull@Overridepublic Fragment getItem(int position) {Fragment fragment = ObjectFragment.newInstance(position + 1 + "");return fragment;}@Overridepublic int getCount() {return 10;}@Overridepublic CharSequence getPageTitle(int position) {return "" + (position + 1);}}

2.3 給ViewPager設(shè)置適配器

這里的步驟都在OuterFragment中操作

添加以下成員：

MyFragmentStatePagerAdapter fragmentStatePagerAdapter;
ViewPager viewPager;

在以下函數(shù)中進行設(shè)置：

    @Overridepublic void onViewCreated(@NonNull View view, @Nullable Bundle savedInstanceState) {//設(shè)置ViewPager的適配器viewPager = view.findViewById(R.id.pager);fragmentStatePagerAdapter = new MyFragmentStatePagerAdapter(getChildFragmentManager());viewPager.setAdapter(fragmentStatePagerAdapter);//設(shè)置TabLayout與viewPager關(guān)聯(lián)TabLayout tabLayout = view.findViewById(R.id.tab_layout);tabLayout.setupWithViewPager(viewPager);}

3. 啟動

在MainActivity中添加外部的OuterFragment

3.1 布局文件中添加FrameLayout

<FrameLayoutandroid:layout_width="match_parent"android:layout_height="match_parent"android:id="@+id/fr_container"android:orientation="horizontal">
</FrameLayout>

3.2 啟動Fragment

public class MainActivity extends AppCompatActivity {@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);OuterFragment outerFragment = new OuterFragment();FragmentManager manager = getSupportFragmentManager();FragmentTransaction transaction = manager.beginTransaction();transaction.add(R.id.fr_container, outerFragment,"1");transaction.addToBackStack(null);transaction.commit();}
}