自定义fragmentlayout

一、抽取视图文件，实例化需要在xml文件中

先上效果图：

　　

1、  编写 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:orientation="vertical"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    >
    <!--
        //导航栏背景颜色
       android:background="#ffff00"
       //指示器颜色
       app:tabIndicatorColor="#66ff33"
       //指示器高度
       app:tabIndicatorHeight="20p"
       //普通状态下文字的颜色
       app:tabTextColor="@color/colorPrimary"
       //选中时文字的颜色
       app:tabSelectedTextColor="#CC33FF"
       //是否可滑动：fixed：固定；scrollable：可滑动
       app:tabMode="fixed"
       //设置选项卡的背景：此处要写一个selector）
       app:tabBackground="@drawable/selected"
       //设置字体大小：此处要写一个style） app:tabTextAppearance="@style/MyTabLayoutTextAppearance"

       -->
        <!--android.support.design.widget.TabLayout 可以制作动画效果的tablayout -->

    <android.support.design.widget.TabLayout
        android:id="@+id/fragment_tablayout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:tabIndicatorHeight="10dp"
        app:tabTextColor="@color/colorAccent"
        app:tabSelectedTextColor="@android:color/white"
        app:tabMode="scrollable"
        app:tabBackground="@drawable/main_center_mainpage_tablayout_tabbackground_selector" />

    <android.support.v4.view.ViewPager
        android:id="@+id/fragment_viewpager"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1">

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

2、编写各个fragment 布局文件

 <?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">

         <TextView
             android:gravity="center"
             android:id="@+id/f_Text"
             android:layout_width="match_parent"
             android:layout_height="match_parent"
             android:text="this is fragment"/>

 </LinearLayout>

3、编写fragment加载类

 public class FragmentUtil extends Fragment{
 private  int source;

 public void setSource(int source) {
         this.source = source;
     }
     @Nullable
     @Override
     public View onCreateView(@NonNull LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
         return inflater.inflate(R.layout.f,container,false);
     }
 }

3、在java文件中加载布局并编写适配器

 package com.example.dell.newscenter.myview;

 import android.content.Context;
 import android.graphics.Color;
 import android.support.annotation.Nullable;
 import android.support.design.widget.TabLayout;
 import android.support.v4.app.Fragment;
 import android.support.v4.app.FragmentManager;
 import android.support.v4.app.FragmentPagerAdapter;
 import android.support.v4.view.ViewPager;
 import android.support.v7.app.AppCompatActivity;
 import android.util.AttributeSet;
 import android.util.Log;
 import android.view.LayoutInflater;
 import android.view.ViewGroup;
 import android.widget.LinearLayout;

 import com.example.dell.newscenter.R;
 import com.example.dell.newscenter.utils.FragmentUtil;

 import java.util.ArrayList;

 import static android.support.constraint.Constraints.TAG;

 public class FragmentLayout extends LinearLayout {
     private AppCompatActivity context;
     private TabLayout tabLayout  = null;//  上部放置 tablayout
     private ViewPager viewPager = null;// 下部放置  viewPager
     private Fragment[] fragments = {new Fragment(), new Fragment(), new Fragment()};
     private String titles[] = {"直播", "推荐", "追番"};
     private ArrayList<TabLayout.Tab> tabs = new ArrayList<>();
     private MyFragmentAdapter myFragmentAdapter ;

     public FragmentLayout(Context context) {
         super(context);
     }

     public FragmentLayout(Context context, @Nullable AttributeSet attrs) {
         super(context, attrs);
         this.context = (AppCompatActivity) context;
         LayoutInflater.from(context).inflate(R.layout.fragmentlayout, this);
         tabLayout = findViewById(R.id.fragment_tablayout);
         viewPager = findViewById(R.id.fragment_viewpager);
         setParam();
     }

 public void setParam() {
         //替换一个查看效果
         fragments[0] = new FragmentUtil();
         Log.d(TAG, "context上下文: "+context);
         //  使用适配器将ViewPager与Fragment绑定在一起
         myFragmentAdapter = new MyFragmentAdapter(context.getSupportFragmentManager());
         viewPager.setAdapter(myFragmentAdapter);
         //将TabLayout 与viewPager绑定在一起
         tabLayout.setupWithViewPager(viewPager);
 //        // 指定tab  的位置
 //        int count = tabLayout.getTabCount();
 //        Log.d(TAG, "count: " + count);
     }

     public void setFragments(Fragment[] fragments) {
         this.fragments = fragments;
     }

     public void setTitles(String[] titles) {
         this.titles = titles;
     }

     public void setTabs(ArrayList<TabLayout.Tab> tabs) {
         this.tabs = tabs;
     }

     public Fragment[] getFragments() {
         return fragments;
     }

     public String[] getTitles() {
         return titles;
     }

     public ArrayList<TabLayout.Tab> getTabs() {
         return tabs;
     }

     /**
      * 适配器
      */
     public class MyFragmentAdapter extends FragmentPagerAdapter {
         public MyFragmentAdapter(FragmentManager fm) {
             super(fm);
         }
         @Override
         public Fragment getItem(int position) {
             return fragments[position];
         }
         @Override
         public int getCount() {
             return titles.length;
         }
         @Override
         public CharSequence getPageTitle(int position) {
             return titles[position];
         }
     }
 }

3、调用

  <com.example.dell.newscenter.myview.FragmentLayout
      android:layout_width="match_parent"
      android:layout_height="match_parent">

  </com.example.dell.newscenter.myview.FragmentLayout>

二、java代码  用new 实例化

1、编写layout  绑定适配器

 package com.example.dell.newscenter.myfragment;

 import android.content.Context;
 import android.support.design.widget.TabLayout;
 import android.support.v4.app.Fragment;
 import android.support.v4.app.FragmentManager;
 import android.support.v4.app.FragmentPagerAdapter;
 import android.support.v4.view.ViewPager;
 import android.support.v7.app.AppCompatActivity;
 import android.util.Log;
 import android.widget.LinearLayout;

 import com.example.dell.newscenter.R;

 import java.util.ArrayList;

 import static android.support.constraint.Constraints.TAG;

 public class MyFragmentLayout extends LinearLayout{
 private TabLayout tabLayout = null;
 private AppCompatActivity context = null;
 private Fragment[] fragments = {new Fragment(),new Fragment(),new Fragment()};
 private String titles[] = {"直播","推荐","追番"};
 private ArrayList<TabLayout.Tab> tabs  = new ArrayList<>();
 private ViewPager mainCenterMainpageViewpager = null;
 private  MyFragmentAdapter myFragmentAdapter;

     public MyFragmentLayout(Context context) {
         super(context);
         this.context = (AppCompatActivity) context;
     }

     public void initMainBottomMainPageFragment(){
         Log.d(TAG, "初始化Fragment: " +context);
         //  使用适配器将ViewPager与Fragment绑定在一起
         mainCenterMainpageViewpager =context.findViewById(R.id.fragment_viewpager);
         myFragmentAdapter = new MyFragmentAdapter(context.getSupportFragmentManager());
         mainCenterMainpageViewpager.setAdapter(myFragmentAdapter);

       //将TabLayout 与viewPager绑定在一起
         tabLayout = context.findViewById(R.id.fragment_tablayout);
         tabLayout.setupWithViewPager(mainCenterMainpageViewpager);
         // 指定tab  的位置
         tabLayout  = context.findViewById(R.id.fragment_tablayout);
         int count = tabLayout.getTabCount();
         Log.d(TAG, "count: "+count);

     }
     public void setTitles(String[] titles) {
         this.titles = titles;
     }
     /**
      *
      *
      *  适配器
      */
     public class MyFragmentAdapter extends FragmentPagerAdapter {

         public MyFragmentAdapter(FragmentManager fm) {
             super(fm);
         }
         @Override
         public Fragment getItem(int position) { return fragments[position]; }
         @Override
         public int getCount() { return titles.length; }
         @Override
         public CharSequence getPageTitle(int position) { return titles[position]; }
     }

 }

2、调用

MyFragmentLayout m1 = new MyFragmentLayout(MainActivity.this);
m1.setTitles(new String[]{"直播","推荐","追番"});
m1.initMainBottomMainPageFragment();