android 切换栏目 SmartTabLayout的使用

这个是整体布局xml布局（重点是红色部分，那个是栏目的布局）

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" android:layout_width="match_parent"
    android:layout_height="match_parent">
<LinearLayout
    android:background="#d23d3d"
    android:layout_width="match_parent"
    android:layout_height="30dp">

</LinearLayout>
    <FrameLayout
        android:id="@+id/tab"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"/>

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

这个是我在界面实现的逻辑（我是Fragment里面实现）

 @Override
    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
        View view = inflater.inflate(R.layout.columndotplayerfragment, container, false);
        viewPager = (ViewPager) view.findViewById(R.id.viewPager);
        mInfos = new ArrayList<>();

	//这个是String资源里面的数据，
	//修改里面的数据就可以修改栏目的名字
 String[] titls = getResources().getStringArray(R.array.news_titles);


	//里面主要是栏目切换的Fragment
        for (int i = 0; i < titls.length; i++) {
            String title = titls[i];
            FragmentInfo info;
            if (i == 0) {
                info = new FragmentInfo(new DotPlayerFragment(), title);
            } else if (i == 1) {
                info = new FragmentInfo(new ConferenceFragment(), title);
            } else if (i == 2) {
                info = new FragmentInfo(new TrainFragment(), title);
            } else if (i == 3) {
                info = new FragmentInfo(new MediaFragment(), title);
            } else if (i == 4) {
                info = new FragmentInfo(new OfficialFragment(), title);
            } else if (i == 5) {
                info = new FragmentInfo(new BackstageFragment(), title);
            } else {
                info = new FragmentInfo(new OutPutLivePlayerFragment(), title);
            }
            mInfos.add(info);
        }
	//下面的代码
        FrameLayout tabs = (FrameLayout) view.findViewById(R.id.tab);
//include_tabs布局主要是修改栏目的UI比如染色，字体大小（）,把布局放进tabs里面显示
 tabs.addView(LayoutInflater.from(getContext()).inflate(R.layout.include_tabs, tabs, false));

        SmartTabLayout viewpagerTab = (SmartTabLayout) view.findViewById(R.id.viewpagerTab);
        viewPagerAdapter = new ViewPagerAdapter(getFragmentManager(), mInfos);
        viewPager.setAdapter(viewPagerAdapter);
        viewpagerTab.setViewPager(viewPager);
        return view;
    }




include_tabs的布局
<?xml version="1.0" encoding="utf-8"?>
<com.ogaclejapan.smarttablayout.SmartTabLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/viewpagerTab"
    android:background="#d64848"
    android:layout_width="match_parent"
    android:layout_height="50dp"
    app:stl_customTabTextLayoutId="@layout/item_tab"
    app:stl_customTabTextViewId="@+id/custom_texts"
    app:stl_indicatorColor="@color/red_text"
    app:stl_indicatorInterpolation="linear"
    app:stl_indicatorThickness="3dp"
    app:stl_underlineThickness="1dp"
    />