[Android] Android ViewPager 中加載 Fragment的兩種方式 方式(二)

接上文：

https://www.cnblogs.com/wukong1688/p/10693338.html

Android ViewPager 中加載 Fragmenet的兩種方式 方式(一)

 

二、使用Fragment來填充ViewPager

Google 官方是建議我們使用Fragment來填充ViewPager的,這樣可以更加方便的生成每個Page以及管理 每個Page的生命周期!當然它給我們提供了兩個不同的Adapter，他們分別是： FragmentPageAdapter和FragmentStatePagerAdapter！

 

一般復雜的布局（如包含 ListView 或 RecycleView 等） , 都用此方法

文件總數

布局文件：fg_page1.xml + fg_page2.xml

自定義Fragment 文件： MyFragment1.java   +   MyFragment2.java    (繼承自 Fragment類)

自定義Adapter類： MyFragmentPagerAdapter.java   (繼承自 FragmentPagerAdapter 類)

Activity 布局文件:  activity_test_vp2.xml

Activity Java文件:  MainActivity.java

 

本文仍以2個Page為例，來展現實現代碼

1)布局文件 fg_page1.xml   (fg_page2.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">

    <TextView
        android:id="@+id/txt_content"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:gravity="center"
        android:textSize="20sp" />

</LinearLayout>

 

 2)自定義Fragment 文件： MyFragment2.java   (MyFragment2.java  類似)

 

package com.jack.testmd;

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

public class MyFragment1 extends Fragment {
    @Nullable
    @Override
    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
        View view = inflater.inflate(R.layout.fg_page1, container, false);
        TextView txt_content = (TextView) view.findViewById(R.id.txt_content);
        txt_content.setText("第一個Fragment");

        /*
        * 如果是其他邏輯
        * 例如 recycleList等 就在這里面繼續設置數據
        * */


        return view;
    }
}

 

 3)自定義Adapter類： MyFragmentPagerAdapter.java

package com.jack.testmd;

import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentPagerAdapter;

import java.util.List;

public class MyFragmentPagerAdapter extends FragmentPagerAdapter {
    private FragmentManager fragmetnmanager;  //創建FragmentManager
    private List<Fragment> listfragment; //創建一個List<Fragment>

    public MyFragmentPagerAdapter(FragmentManager fm, List<Fragment> list) {
        super(fm);
        this.fragmetnmanager = fm;
        this.listfragment = list;
    }

    @Override
    public Fragment getItem(int arg0) {
        return listfragment.get(arg0); //返回第幾個fragment
    }

    @Override
    public int getCount() {
        return listfragment.size(); //總共有多少個fragment
    }
}

 

4)Activity 布局文件:  activity_test_vp2.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 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"
    tools:context=".TestVp1Activity">

    <android.support.v4.view.ViewPager
        android:id="@+id/vpager_one"
        android:layout_width="match_parent"
        android:layout_height="match_parent">

    </android.support.v4.view.ViewPager>

</RelativeLayout>

 

 

5)使用 -- Activity Java文件:  MainActivity.java :

 　　

    private ViewPager vpager_one;
    private ArrayList<Fragment> aList;
    private MyFragmentPagerAdapter mAdapter;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_test_vp2);

        vpager_one = (ViewPager) findViewById(R.id.vpager_one);

        aList = new ArrayList<Fragment>(); //new一個List<Fragment>
        aList.add(new MyFragment1());
        aList.add(new MyFragment2());

        mAdapter = new MyFragmentPagerAdapter(getSupportFragmentManager(), aList);
        vpager_one.setAdapter(mAdapter);
        vpager_one.setCurrentItem(0);
    }

 

本博客地址： wukong1688

本文原文地址：https://www.cnblogs.com/wukong1688/p/10693536.html

轉載請著名出處！謝謝~~