第一个主页的布局

布局  横向菜单和关联的布局

<?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"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:background="#f5f">
            <android.support.design.widget.TabLayout
                android:id="@+id/tbl"
                android:layout_width="match_parent"
                android:layout_height="40dp"
                app:tabGravity="center"
                app:tabIndicatorColor="#fff"
                app:tabMode="scrollable"
                app:tabSelectedTextColor="@color/colorPrimaryDark"
                app:tabTextColor="@color/colorPrimary">

            </android.support.design.widget.TabLayout>

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

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

代码  加入横相菜单

package com.bwie.com.yuekaomoni.fragment;

import android.os.Bundle;
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.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;

import com.bwie.com.yuekaomoni.R;


import java.util.ArrayList;
import java.util.List;

/**
 * Created by Administrator on 2018/1/16.
 */

public class Fragment01 extends android.support.v4.app.Fragment {


    private TabLayout tbl;
    private ViewPager fr_vp;
    private List<String> lists;

    @Nullable
    @Override
    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
       View view=inflater.inflate(R.layout.fragment01,container,false);

        tbl = view.findViewById(R.id.tbl);
        fr_vp = view.findViewById(R.id.fr_vp);

        initData();


        fr_vp.setAdapter(new MyAdapter(getChildFragmentManager()));
        fr_vp.setOffscreenPageLimit(lists.size());
        tbl.setupWithViewPager(fr_vp);
        return view;
    }

    private void initData() {
        lists = new ArrayList<>();
        lists.add("首页");
        lists.add("新闻");
        lists.add("国际");
        lists.add("国内");
        lists.add("科技");
        lists.add("娱乐");
        lists.add("趣图");
        lists.add("前沿");


    }
    class MyAdapter extends FragmentPagerAdapter {

        public MyAdapter(FragmentManager fm) {
            super(fm);
        }

        @Override
        public CharSequence getPageTitle(int position) {
            return lists.get(position);
        }

        @Override
        public Fragment getItem(int position) {
          ;MyFragment myFragment=new MyFragment();
          Bundle bundle=new Bundle();
          if (lists.get(position).equals("首页")){
              bundle.putString("type","shouye");
//          }else if(lists.get(position).equals("新闻")){
//              bundle.putString("type","xinwen");
//          }else if(lists.get(position).equals("国际")){
//              bundle.putString("type","guoji");
//          }else if(lists.get(position).equals("国内")){
//              bundle.putString("type","guonei");
//          }else if(lists.get(position).equals("科技")){
//              bundle.putString("type","keji");
//          }else if(lists.get(position).equals("娱乐")){
//              bundle.putString("type","yule");
//          }else if(lists.get(position).equals("趣图")){
//              bundle.putString("type","qutu");
//          }else if(lists.get(position).equals("前沿")){
//              bundle.putString("type","qianyan");
          }
          myFragment.setArguments(bundle);
          return myFragment;
        }

        @Override
        public int getCount(){
            return lists.size();
        }
    }

}