tablay fragment viewpaper

package com.exbawei.liteli.zhoukao;

import android.content.Intent;
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.os.Bundle;
import android.util.Log;
import android.view.View;
import android.widget.TextView;

import com.andy.library.ChannelActivity;
import com.andy.library.ChannelBean;

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

import static android.R.id.list;

public class MainActivity extends AppCompatActivity {

    private TabLayout tab;
    private ViewPager vp;
    String str[] = new String[]{"推荐", "热点", "本地", "视频", "社会", "娱乐", "科技", "汽车"};
    List<Fragment> list = new ArrayList<>();
    private TextView tv;
    List<ChannelBean> been;
    private String jsonStr;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        tab = (TabLayout) findViewById(R.id.tab);
        vp = (ViewPager) findViewById(R.id.vp);
        tv = (TextView) findViewById(R.id.textView);

        for (int i = 0; i < 8; i++) {
            tab.addTab(tab.newTab().setText(str[i]));
        }
        list.add(new Fone());
        list.add(new Fone());
        list.add(new Fone());
        list.add(new Fone());
        list.add(new Fone());
        list.add(new Fone());
        list.add(new Fone());
        list.add(new Fone());


        Myadapter adapter = new Myadapter(getSupportFragmentManager());
        vp.setAdapter(adapter);
        tab.setupWithViewPager(vp);

    }


    class Myadapter extends FragmentPagerAdapter {
        public Myadapter(FragmentManager fm) {
            super(fm);
        }

        @Override
        public Fragment getItem(int position) {

            return list.get(position);
        }

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

        @Override
        public CharSequence getPageTitle(int position) {

            return str[position];
        }
    }
}

<android.support.design.widget.TabLayout
    android:layout_width="500dp"
    android:layout_height="50dp"
    app:tabMode="scrollable"
    android:id="@+id/tab">
</android.support.design.widget.TabLayout>
    <android.support.v4.view.ViewPager
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_below="@id/tab"
        android:id="@+id/vp"></android.support.v4.view.ViewPager>
 
compile 'com.android.support:design:24.2.1'
allprojects {
    repositories {
        jcenter()
        maven {url "https://jitpack.io"}
    }
}
buildscript {
    repositories {
        jcenter()
        maven {url "https://jitpack.io"}
    }
    dependencies {
        classpath 'com.android.tools.build:gradle:2.2.0'

      
    }
}