头部为横向滑动，下面Fragment和ViewPager

需要用到的功能

/**

 * tablayout
 * viewpager +Adapter
 * ImagerLoader
 * AsyncTask+网络请求+gson
 * XListView
 *
 */

**Mainactivity**

import android.os.Bundle;
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 java.net.URLEncoder;
import java.util.ArrayList;
import java.util.Arrays;
import java.util.List;

/**
 * tablayout
 * viewpager +Adapter
 * ImagerLoader
 * AsyncTask+网络请求+gson
 * XListView
 *
 */
public class MainActivity extends AppCompatActivity {
    private TabLayout tabLayout;
    private ViewPager viewPager;
    ArrayList<Fragment> fragmentList = new ArrayList<Fragment>();

//    String url = "http://gank.io/api/data/Android/10/1";
    String baseUrl = "http://gank.io/api/data/";
    String[] string={"福利","Android","iOS","休息视频","拓展资源","前端","all"};
    private List<String> titleList;//这个是标题的集合

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        tabLayout = (TabLayout) findViewById(R.id.tabLayout);
        viewPager = (ViewPager) findViewById(R.id.viewPager);
        titleList = Arrays.asList(string);
        for (int i = 0; i < titleList.size(); i++) {
            //URLEncoder.encode这个方法对中文进行转义;
            String urlTemp = baseUrl+ URLEncoder.encode(titleList.get(i));
            BlankFragment fragment = BlankFragment.getInstances(urlTemp);
            fragmentList.add(fragment);
        }
        viewPager.setAdapter(new MPagerAdapter(getSupportFragmentManager()));
        //tablayout的标题的显示模式
        tabLayout.setTabMode(TabLayout.MODE_SCROLLABLE);
        tabLayout.setupWithViewPager(viewPager);
    }

    class  MPagerAdapter extends FragmentPagerAdapter {

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

        @Override
        public Fragment getItem(int position) {
            return fragmentList.get(position);
        }

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

        //需要重写个返回标题的方法;
        @Override
        public CharSequence getPageTitle(int position) {
            return titleList.get(position);
        }
    }
}

**Fragment**

import android.graphics.Bitmap;
import android.os.AsyncTask;
import android.os.Bundle;
import android.support.annotation.Nullable;
import android.support.v4.app.Fragment;
import android.util.Log;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.TextView;

import com.bwie.xlistviewlibrary.View.XListView;
import com.bwie.xlistviewlibrary.utils.NetWordUtils;
import com.google.gson.Gson;
import com.nostra13.universalimageloader.core.DisplayImageOptions;
import com.nostra13.universalimageloader.core.ImageLoader;

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

/**
 * 一定要注册xListview的监听回调
 */
public class BlankFragment extends Fragment implements XListView.IXListViewListener {

    private String url;
    private XListView xListView;
    ArrayList<Product.ResultsBean> list = new ArrayList<Product.ResultsBean>();

    int page = 1;
    private MAdapter mAdapter;
    private ImageLoader imageLoaderInstance;

    @Nullable
    @Override
    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
        View view = View.inflate(getActivity(), R.layout.frag1, null);
        xListView = view.findViewById(R.id.xlv);
        return view;
    }

    @Override
    public void onViewCreated(View view, @Nullable Bundle savedInstanceState) {
        super.onViewCreated(view, savedInstanceState);
        Bundle bundle = getArguments();
        url = bundle.getString("url");
        imageLoaderInstance = ImageLoader.getInstance();
        mAdapter = new MAdapter();
        xListView.setAdapter(mAdapter);//设置listview的适配器;
        getNetData(1);//获取网络数据
        xListView.setXListViewListener(this);
        xListView.setPullLoadEnable(true);//设置可以加载更多;

    }

    public static BlankFragment getInstances(String url) {
        BlankFragment blankFragment = new BlankFragment();
        Bundle bundle = new Bundle();
        bundle.putString("url", url);
        blankFragment.setArguments(bundle);
        return blankFragment;

    }

    private void getNetData(int pagerTemp) {
        new MAsyncTask().execute(url + "/10/" + pagerTemp);
    }

    @Override
    public void onRefresh() {

        list.clear();
        getNetData(1);
        UiComplete();

    }

    @Override
    public void onLoadMore() {
        getNetData(page++);
        UiComplete();
    }

    public void UiComplete() {
        xListView.stopRefresh();
        xListView.stopLoadMore();
        xListView.setRefreshTime("刚刚");
    }

    /**
     * 创建异步任务类
     * 第一个泛型---是传递过来的接口地址
     * 第二个参数是 请求接口的进度
     * 第三个参数是 异步任务处理完返回的数据
     */
    class MAsyncTask extends AsyncTask<String, Void, String> {
        public MAsyncTask() {
            super();
        }

        /**
         * String... strings  这个参数是可变参数;
         * 这个方法运行在子线程,去请求网络;
         */
        @Override
        protected String doInBackground(String... strings) {
            String url = strings[0];
            String netjson = NetWordUtils.getNetjson(url);
            //把从网络请求的json返回回去;
            Log.e("wzq", "doInBackground: " + netjson);
            return netjson;
        }

        /**
         * 这个方法接收的参数s, 就是doInBackground返回的值;
         * 这个方法是在主线程运行,可以更新ui;
         *
         * @param s
         */
        @Override
        protected void onPostExecute(String s) {
            super.onPostExecute(s);
            Gson gson = new Gson();
            Product product = gson.fromJson(s, Product.class);
            List<Product.ResultsBean> results = product.getResults();
            list.addAll(results);
            mAdapter.notifyDataSetChanged();

        }
    }

    class MAdapter extends BaseAdapter {

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

        @Override
        public Object getItem(int i) {
            return list.get(i);
        }

        @Override
        public long getItemId(int i) {
            return i;
        }

        @Override
        public View getView(int i, View view, ViewGroup viewGroup) {
            View viewItem = View.inflate(getActivity(), R.layout.listview, null);
            TextView textView = (TextView) viewItem.findViewById(R.id.textView);
            ImageView imageView = (ImageView) viewItem.findViewById(R.id.imageView);
            textView.setText(list.get(i).getDesc());
            DisplayImageOptions options = new DisplayImageOptions.Builder()
                    .bitmapConfig(Bitmap.Config.RGB_565) // default 设置图片的解码类型
                    .build();
            imageLoaderInstance.displayImage(list.get(i).getUrl(), imageView,options);

            return viewItem;
        }
    }

}