PullToRefresh,fragment与TabLayout使用

布局：

主布局：

<?xml version="1.0" encoding="utf-8"?>
<android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/drawer_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent">


    <RelativeLayout
        android:id="@+id/relative"
        android:layout_width="match_parent"
        android:layout_height="match_parent">


        <FrameLayout
            android:id="@+id/frame_layout"
            android:layout_above="@+id/radio_group"
            android:layout_width="match_parent"
            android:layout_height="match_parent">


        </FrameLayout>




        <RadioGroup
            android:id="@+id/radio_group"
            android:layout_alignParentBottom="true"
            android:orientation="horizontal"
            android:layout_width="match_parent"
            android:layout_height="40dp">


            <RadioButton
                android:id="@+id/radio_01"
                android:button="@null"
                android:gravity="center"
                android:padding="5dp"
                android:background="@drawable/radio_selector"
                android:checked="true"


                android:text="新闻"
                android:layout_weight="1"
                android:layout_width="0dp"
                android:layout_height="match_parent" />


            <RadioButton
                android:id="@+id/radio_02"
                android:button="@null"
                android:gravity="center"
                android:padding="5dp"
                android:background="@drawable/radio_selector"
                android:text="GridView"
                android:layout_weight="1"
                android:layout_width="0dp"
                android:layout_height="match_parent" />


            <RadioButton
                android:id="@+id/radio_03"
                android:button="@null"
                android:gravity="center"
                android:padding="5dp"
                android:background="@drawable/radio_selector"
                android:text="A"
                android:layout_weight="1"
                android:layout_width="0dp"
                android:layout_height="match_parent" />


            <RadioButton
                android:id="@+id/radio_04"
                android:button="@null"
                android:gravity="center"
                android:padding="5dp"
                android:background="@drawable/radio_selector"
                android:text="B"
                android:layout_weight="1"
                android:layout_width="0dp"
                android:layout_height="match_parent" />
        </RadioGroup>


    </RelativeLayout>


   <!-- 抽屉布局-->


    <LinearLayout
        android:id="@+id/linear_drawer"
        android:background="#ffffff"
        android:layout_gravity="left"


        android:gravity="center_horizontal"
        android:orientation="vertical"
        android:layout_width="200dp"
        android:layout_height="match_parent">


        <LinearLayout
            android:orientation="vertical"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content">
            <ImageView
                android:src="@mipmap/ic_launcher"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content" />


            <TextView
                android:text="未登录"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content" />


        </LinearLayout>


    </LinearLayout>




</android.support.v4.widget.DrawerLayout>

滑动布局：

<?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"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:orientation="vertical">


    <android.support.design.widget.TabLayout
        android:id="@+id/tab_layout"
        app:tabGravity="center"
        app:tabIndicatorColor="@color/colorAccent"
        app:tabMode="scrollable"
        app:tabSelectedTextColor="@color/colorPrimaryDark"
        app:tabTextColor="@color/colorPrimary"
        android:layout_width="match_parent"
        android:layout_height="40dp">


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


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


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


</LinearLayout>

刷新布局：

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


    <com.handmark.pulltorefresh.library.PullToRefreshListView
        xmlns:ptr="http://schemas.android.com/apk/res-auto"
        android:layout_height="match_parent"
        android:layout_width="match_parent"
        android:id="@+id/refresh_list_view"
        ptr:ptrDrawable="@drawable/default_ptr_flip"
        ptr:ptrAnimationStyle="flip"
        ptr:ptrHeaderBackground="#383838"
        ptr:ptrHeaderTextColor="#FFFFFF"


        />


</LinearLayout>

子布局：

1.

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


    <TextView
        android:id="@+id/text_title"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />


</LinearLayout>

2.

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:padding="10dp"
    android:orientation="horizontal"
    android:layout_width="match_parent"
    android:layout_height="match_parent">


    <ImageView
        android:id="@+id/image_view"
        android:layout_width="100dp"
        android:layout_height="100dp" />


    <TextView
        android:id="@+id/text_title"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />


</LinearLayout>

selector调节：

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@color/colorPrimary" android:state_checked="true"/>
    <item android:drawable="@color/colorAccent" android:state_checked="false"/>
    <item android:drawable="@color/colorAccent" />
</selector>

代码：

主界面：(MainActivity)

package com.example.a19_zonghe_test;


import android.support.v4.widget.DrawerLayout;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.widget.LinearLayout;
import android.widget.RadioGroup;


public class MainActivity extends AppCompatActivity {


    private DrawerLayout drawerLayout;
    private RadioGroup radioGroup;
    private LinearLayout linearLayout;


    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);


        drawerLayout = (DrawerLayout) findViewById(R.id.drawer_layout);
        radioGroup = (RadioGroup) findViewById(R.id.radio_group);
        //抽屉的布局
        linearLayout = (LinearLayout) findViewById(R.id.linear_drawer);


        //默认显示新闻
        getSupportFragmentManager().beginTransaction().replace(R.id.frame_layout,new FragmentNews()).commit();


        radioGroup.setOnCheckedChangeListener(new RadioGroup.OnCheckedChangeListener() {
            @Override
            public void onCheckedChanged(RadioGroup radioGroup, int i) {
                switch (i){
                    case R.id.radio_01:


                        getSupportFragmentManager().beginTransaction().replace(R.id.frame_layout,new FragmentNews()).commit();


                        break;
                    case R.id.radio_02:


                        getSupportFragmentManager().beginTransaction().replace(R.id.frame_layout,new FragmentNews()).commit();
                        break;
                    case R.id.radio_03:


                        getSupportFragmentManager().beginTransaction().replace(R.id.frame_layout,new FragmentNews()).commit();
                        break;
                    case R.id.radio_04:


                        getSupportFragmentManager().beginTransaction().replace(R.id.frame_layout,new FragmentNews()).commit();
                        break;
                }
            }
        });


    }
}

Fragment显示数据：

package com.example.a19_zonghe_test;


import android.os.AsyncTask;
import android.os.Bundle;
import android.support.annotation.Nullable;
import android.support.v4.app.Fragment;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ListView;


import com.google.gson.Gson;
import com.handmark.pulltorefresh.library.ILoadingLayout;
import com.handmark.pulltorefresh.library.PullToRefreshBase;
import com.handmark.pulltorefresh.library.PullToRefreshListView;


import java.io.BufferedReader;
import java.io.InputStream;
import java.io.InputStreamReader;
import java.net.HttpURLConnection;
import java.net.URL;
import java.util.ArrayList;
import java.util.List;


/**
 * @author Dash
 * @date 2017/9/20
 * @description:
 */
public class FragmentNewsChild extends Fragment {


    private PullToRefreshListView refreshListView;
    private int page_num = 1;
    private List<DataDataBean.ResultsBean> list = new ArrayList<>();
    private NewsChildAdapter adapter;


    @Nullable
    @Override
    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {


        View view = inflater.inflate(R.layout.news_child_layout,container,false);
        refreshListView = (PullToRefreshListView) view.findViewById(R.id.refresh_list_view);


        return view;
    }


    @Override
    public void onActivityCreated(@Nullable Bundle savedInstanceState) {
        super.onActivityCreated(savedInstanceState);


        //获取网络数据,,,设置适配器
        getDataFromNet();


        //设置刷新模式
        refreshListView.setMode(PullToRefreshBase.Mode.BOTH);


        //刷新的时候显示的文字状态
        ILoadingLayout startLabels = refreshListView.getLoadingLayoutProxy(true, false);
        startLabels.setPullLabel("下拉刷新");
        startLabels.setRefreshingLabel("正在拉");
        startLabels.setReleaseLabel("放开刷新");


        ILoadingLayout endLabels = refreshListView.getLoadingLayoutProxy(false, true);
        endLabels.setPullLabel("上拉刷新");
        endLabels.setRefreshingLabel("正在载入...");
        endLabels.setReleaseLabel("放开刷新...");




        //设置监听
        refreshListView.setOnRefreshListener(new PullToRefreshBase.OnRefreshListener2<ListView>() {
           //下拉
            @Override
            public void onPullDownToRefresh(PullToRefreshBase<ListView> refreshView) {
                getRefreshData();
            }


            @Override
            public void onPullUpToRefresh(PullToRefreshBase<ListView> refreshView) {
                page_num ++;
                getDataFromNet();
            }
        });
    }


    /**
     * 下拉刷新页面
     */
    private void getRefreshData() {


        AsyncTask<Void, Void, String> asyncTask = new AsyncTask<Void, Void, String>() {
            @Override
            protected String doInBackground(Void... voids) {


                String path = "http://gank.io/api/data/Android/10/"+page_num;


                try {
                    URL url = new URL(path);


                    HttpURLConnection connection = (HttpURLConnection) url.openConnection();
                    //设置
                    connection.setRequestMethod("GET");
                    connection.setConnectTimeout(5000);
                    connection.setReadTimeout(5000);


                    //获取
                    int responseCode = connection.getResponseCode();
                    if (responseCode == 200){
                        InputStream inputStream = connection.getInputStream();


                        String json = streamToString(inputStream,"utf-8");


                        return json;


                    }


                } catch (Exception e) {
                    e.printStackTrace();
                }




                return null;
            }


            @Override
            protected void onPostExecute(String json) {
                //非空判断
                if (json != null && !json.isEmpty()){
                    Gson gson = new Gson();
                    DataDataBean dataDataBean = gson.fromJson(json, DataDataBean.class);


                    //获取集合...设置适配器
                    if (dataDataBean != null && dataDataBean.getResults() != null){


                        //添加到集合的前边
                        list.addAll(0,dataDataBean.getResults());


                        //设置适配器
                        setAdapter();


                    }


                    //刷新 停止
                    refreshListView.onRefreshComplete();




                }


            }
        };


        asyncTask.execute();
    }


    /**
     * 获取网路数据
     *
     * 也可以作为上拉加载的操作
     */
    private void getDataFromNet() {


        AsyncTask<Void, Void, String> asyncTask = new AsyncTask<Void, Void, String>() {
            @Override
            protected String doInBackground(Void... voids) {


                String path = "http://gank.io/api/data/Android/10/"+page_num;


                try {
                    URL url = new URL(path);


                    HttpURLConnection connection = (HttpURLConnection) url.openConnection();
                    //设置
                    connection.setRequestMethod("GET");
                    connection.setConnectTimeout(5000);
                    connection.setReadTimeout(5000);


                    //获取
                    int responseCode = connection.getResponseCode();
                    if (responseCode == 200){
                        InputStream inputStream = connection.getInputStream();


                        String json = streamToString(inputStream,"utf-8");


                        return json;


                    }


                } catch (Exception e) {
                    e.printStackTrace();
                }




                return null;
            }


            @Override
            protected void onPostExecute(String json) {
                //非空判断
                if (json != null && !json.isEmpty()){
                    Gson gson = new Gson();
                    DataDataBean dataDataBean = gson.fromJson(json, DataDataBean.class);


                    //获取集合...设置适配器
                    if (dataDataBean != null && dataDataBean.getResults() != null){
                         list.addAll(dataDataBean.getResults());


                        //设置适配器
                        setAdapter();


                    }


                    //刷新 停止
                    refreshListView.onRefreshComplete();




                }


            }
        };


        asyncTask.execute();


    }


    /**
     * 设置适配器
     */
    private void setAdapter() {


        if (adapter == null){


            adapter = new NewsChildAdapter(getActivity(), list);
            refreshListView.setAdapter(adapter);
        }else {
            adapter.notifyDataSetChanged();
        }


    }


    private String streamToString(InputStream inputStream,String charset) {
        try {
            InputStreamReader inputStreamReader = new InputStreamReader(inputStream,charset);


            BufferedReader bufferedReader = new BufferedReader(inputStreamReader);
            String s = null;
            StringBuilder builder = new StringBuilder();
            while ((s = bufferedReader.readLine()) != null){
                builder.append(s);
            }


            bufferedReader.close();
            return builder.toString();


        } catch (Exception e) {
            e.printStackTrace();
        }


        return  null;
    }
}

TabLayout 切换界面：

package com.example.a19_zonghe_test;


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.FragmentPagerAdapter;
import android.support.v4.view.ViewPager;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;


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


/**
 * @author Dash
 * @date 2017/9/20
 * @description:
 */
public class FragmentNews extends Fragment {


    private TabLayout tabLayout;
    private ViewPager viewPager;
    private List<String> list;


    @Nullable
    @Override
    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {


        View view = inflater.inflate(R.layout.news_layout,container,false);


        tabLayout = (TabLayout) view.findViewById(R.id.tab_layout);
        viewPager = (ViewPager) view.findViewById(R.id.viewpager_news);




        return view;
    }


    @Override
    public void onActivityCreated(@Nullable Bundle savedInstanceState) {
        super.onActivityCreated(savedInstanceState);


        //标题
        list = new ArrayList<>();
        for (int i=0;i<10;i++){
            list.add("标题"+i);
        }


        //设置viewPager可以装下所有的页面
        viewPager.setOffscreenPageLimit(list.size());


        //管理者对象应该传什么???????getSurpportFragmentManager,,,getChildFragmentManager,,,getFragmentManager
        viewPager.setAdapter(new FragmentPagerAdapter(getChildFragmentManager()) {
            @Override
            public CharSequence getPageTitle(int position) {
                return list.get(position);
            }


            @Override
            public Fragment getItem(int position) {


                //根据切换的标题位置,,,显示不同的fragment


                FragmentNewsChild fragmentNewsChild = new FragmentNewsChild();




                return fragmentNewsChild;
            }


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


        //关联


        tabLayout.setupWithViewPager(viewPager);


    }
}

适配器：

package com.example.a19_zonghe_test;


import android.content.Context;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.TextView;


import com.nostra13.universalimageloader.core.ImageLoader;


import java.util.List;


/**
 * @author Dash
 * @date 2017/9/20
 * @description:
 */
public class NewsChildAdapter extends BaseAdapter {
    Context context;
    List<DataDataBean.ResultsBean> list;
    private int NO_IMAGE=0;
    private int IS_IMAGE = 1;


    public NewsChildAdapter(Context context, List<DataDataBean.ResultsBean> list) {
        this.context = context;
        this.list = list;


        //imageLoader初始化放在了application下


    }


    @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 int getViewTypeCount() {
        return 2;
    }


    @Override
    public int getItemViewType(int position) {
        if (list.get(position).getImages() != null){//有图片
            return IS_IMAGE;
        }


        return NO_IMAGE;
    }


    @Override
    public View getView(int i, View view, ViewGroup viewGroup) {


        if (getItemViewType(i) == IS_IMAGE){
            ImageHolder holder;
            if (view == null){
                view = View.inflate(context,R.layout.child_item_image,null);
                holder = new ImageHolder();


                holder.textView = (TextView) view.findViewById(R.id.text_title);
                holder.imageView = (ImageView) view.findViewById(R.id.image_view);


                view.setTag(holder);
            }else {
                holder = (ImageHolder) view.getTag();
            }


            //设置显示...非空判断
            if (list.get(i).getDesc() != null){


                holder.textView.setText(list.get(i).getDesc());
            }
            //加载图片的显示
            ImageLoader.getInstance().displayImage(list.get(i).getImages().get(0),holder.imageView);
        }else {
            NoImageHolder holder;
            if (view == null){
                view = View.inflate(context,R.layout.child_item_text,null);
                holder = new NoImageHolder();


                holder.textView = (TextView) view.findViewById(R.id.text_title);




                view.setTag(holder);
            }else {
                holder = (NoImageHolder) view.getTag();
            }


            //设置显示...非空判断
            if (list.get(i).getDesc() != null){


                holder.textView.setText(list.get(i).getDesc());
            }


        }


        return view;
    }


    private class NoImageHolder{
        TextView textView;
    }


    private class ImageHolder{
        TextView textView;
        ImageView imageView;
    }
}

自定义：

package com.example.a19_zonghe_test;


import android.app.Application;


import com.nostra13.universalimageloader.core.ImageLoader;
import com.nostra13.universalimageloader.core.ImageLoaderConfiguration;


/**
 * @author Dash
 * @date 2017/9/20
 * @description:
 */
public class App extends Application {
    @Override
    public void onCreate() {
        super.onCreate();


        ImageLoader.getInstance().init(ImageLoaderConfiguration.createDefault(getApplicationContext()));
    }
}