一、效果展示

二、主頁佈局

<?xml version="1.0" encoding="utf-8"?><!--主頁頁面-->
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:fitsSystemWindows="true">
    <RelativeLayout
android:id="@+id/ll_contest"
 
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_above="@+id/content"
android:layout_weight="1"
android:orientation="vertical" />
    <LinearLayout
android:id="@+id/content"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_alignParentBottom=
 
"true"
android:background="@drawable/bg_dibu"
android:gravity="center"
android:orientation="horizontal">
        <TextView
android:id="@+id/main_home"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:clickable="true"
android:drawablePadding="2dp"
android
 
:drawableTop="@drawable/main_btn_home"
android:gravity="center"
android:selectAllOnFocus="true"
android:text="@string/home"
android:textColor="@drawable/main_button_color"
android:textSize="12dp" />
        <TextView
android:id="@+id/main_tipoff"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:clickable="true"
android:drawablePadding="2dp"
android:drawableTop="@drawable/main_btn_tipoff"
android:gravity="center"
android:text="@string/tipoff"
android:textColor="@drawable/main_button_color"
android:textSize="12dp" />
        <View
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="1" />
        <TextView
android:id="@+id/main_thesun"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:clickable="true"
android:drawablePadding="2dp"
android:drawableTop="@drawable/main_btn_thesun"
android:gravity="center"
android:text="@string/thesun"
android:textColor="@drawable/main_button_color"
android:textSize="12dp" />
        <TextView
android:id="@+id/main_own"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:clickable="true"
android:drawablePadding="2dp"
android:drawableTop="@drawable/main_btn_own"
android:gravity="center"
android:text="@string/own"
android:textColor="@drawable/main_button_color"
android:textSize="12dp" />
    </LinearLayout>
    <TextView
android:id="@+id/main_live"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:layout_centerHorizontal="true"
android:layout_marginBottom="0dp"
android:clickable="true"
android:drawablePadding="2dp"
android:drawableTop="@drawable/main_btn_live"
android:gravity="center"
android:scaleType="centerInside"
android:selectAllOnFocus="true"
android:text="@string/live"
android:textColor="@drawable/main_button_color"
android:textSize="12dp" />
</RelativeLayout>

三、Fragment巢狀

ArratList<TextVeiw> views=new ArrayList();
 把底部的5個TextVeiw加入集合views中
  private void initView() {
    views = new ArrayList<>();
views.clear();
views.add(mainHome);
views.add(mainTipoff);
views.add(mainLive);
views.add(mainThesun);
views.add(mainOwn);
views.get(0).setSelected(true);
}

四、TextView點選事件

@OnClick({R.id.main_live, R.id.main_home, R.id.main_tipoff, R.id.main_thesun, R.id.main_own})
public void onViewClicked(View view) {
    int current = oldIndex;
    switch (view.getId()) {
        case R.id.main_live:
            current = 2;
            break;
        case R.id.main_home:
            current = 0;
            break;
        case R.id.main_tipoff:
            current = 1;
            break;
        case R.id.main_thesun:
            current = 3;
            break;
        case R.id.main_own:
            current = 4;
            break;
}
    showCurrentFragment(current);
}

五、初始化Fragment

/**
     * 初始化用到的Fragment
     */
private void initFragments() {
        homeFragment = new HomeFragment();
tipOffFragment = new TipOffFragment();
getFragment = new GetFragment();
sunFragment = new SunFragment();
ownFragment = new OwnFragment();
fragments = new ArrayList<>();
fragments.clear();
fragments.add(homeFragment);
fragments.add(tipOffFragment);
fragments.add(getFragment);
fragments.add(sunFragment);
fragments.add(ownFragment);
//        預設載入前兩個Fragment，其中第一個展示，第二個隱藏
getSupportFragmentManager().beginTransaction()
                .add(R.id.ll_contest, homeFragment)
              .add(R.id.ll_contest, tipOffFragment)
              .hide(tipOffFragment)
.show(homeFragment)
                .commit();
        showCurrentFragment(0);
}

六、處理Fragment的切換

/**
 * 展示當前選中的Fragment
 *
 * @param currentIndex
*/

 private void showCurrentFragment(int currentIndex) {int oldInex
    if (currentIndex != oldIndex) {
        views.get(oldIndex).setSelected(false);
views.get(currentIndex).setSelected(true);
FragmentTransaction ft = getSupportFragmentManager()
                .beginTransaction();
ft.hide(fragments.get(oldIndex));
        if (!fragments.get(currentIndex).isAdded()) {
            ft.add(R.id.ll_contest, fragments.get(currentIndex));
}
        ft.show(fragments.get(currentIndex)).commit();
oldIndex = currentIndex;
}
}

七、fragment的佈局

<android.support.design.widget.TabLayout
android:id="@+id/tablayout_topoff"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginLeft="10dp"
android:layout_marginRight="10dp"
app:tabIndicatorColor="@color/cf62c52"
app:tabIndicatorHeight="3dp"
app:tabSelectedTextColor="@color/cf62c52"
app:tabTextColor="@color/c676767" />
<android.support.v4.view.ViewPager
android:id="@+id/vp_topoff"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_marginLeft="10dp"
android:layout_marginRight="10dp">
</android.support.v4.view.ViewPager>

八、內部fragment的使用，viewPager的聯動

tablayoutTopoff  //佈局中的TabLayout檔案。
vpTopoff //是佈局中的內部的viewpager

//設定介面卡myPaperAdapter = new MyPaperAdapter(getFragmentManager());vpTopoff.setAdapter(myPaperAdapter);/*//設定tablout 滑動模式tablayoutTopoff.setTabMode(TabLayout.MODE_SCROLLABLE);*///聯絡tabLayout和viwpagertablayoutTopoff.setupWithViewPager(vpTopoff);

九、內部fragment的介面卡，setTitle

/**
 * 設定頭目
 */
private Fragment setTitle(Fragment fragment, String title,int i) {
    Bundle args = new Bundle();
args.putString("title", title);
args.putInt("conditionType",i);  //區分fragment的位置，以便fragment相似時，建立同一的內部baseFragment
fragment.setArguments(args);
    return fragment;
}

fragments //下面顯示fragment的集合

/** * 介面卡 */private class MyPaperAdapter extends FragmentPagerAdapter { public MyPaperAdapter(FragmentManager fm) { super(fm);} @Overridepublic Fragment getItem(int position) { return fragments.get(position);} @Overridepublic int getCount() { return fragments.size();} @Overridepublic CharSequence getPageTitle(int position) { //設定tablayout的標題 return fragments.get(position).getArguments().getString("title");}}

十、baseFragment的不同之處 

   setUserVisibleHint(Boolean)在fragment所有初始化方法之前呼叫，在fragment視覺化發生變化是呼叫。  在onVisible中，表示使用者可見。

@Override 
public void setUserVisibleHint(boolean isVisibleToUser) {       //fragment的顯示改變，呼叫的方法。初始化在
    super.setUserVisibleHint(isVisibleToUser);
    if (getUserVisibleHint()) {
        isVisable = true;
//初始化完成，切處於可見狀態
onVisible();
} else {
        isVisable = false;
onInVisible();
}
}

protected void onInVisible() {

}

protected void onVisible() {
    initData();
}

十一、initData（）--載入資料的方法  方法的使用；

注意： 當第一個Fragment在建立時，在onAtach,onCraet方法之前呼叫，fragment還沒有初始化。

所以在initData（）中，應該對執行條件進行限制：

Boolean  isPrepared=fasle;
public void initData() {
    if (!isPrepared || !isVisable) {  //載入資料判斷是否可見，進行懶載入  isPrepared 是判斷Fragment是否初始化的條件
return;
}
//載入資料
}

public void onCreat(){
   super.onCreat();
   isPrepared=true;
   initData();

}