Tablayout和Fragment联动+ListView接口变换展示

依赖：

compile 'com.android.support:design:26+'
compile 'com.google.code.gson:gson:2.6.2'
compile 'com.nostra13.universalimageloader:universal-image-loader:1.9.5'

权限：

<uses-permission android:name="android.permission.INTERNET" />
<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE"/>
<uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE"/>
<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE"/>

MainActivity主页面：

package com.bwie.wyy.myapplication;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 android.widget.Toast;import java.util.ArrayList;public class MainActivity extends AppCompatActivity {private TabLayout tabLayout;private ViewPager vp;String[] tabs =  {"推荐","热点","体育","娱乐","社会","汽车","教育","财经","科技","游戏"};private String[] urlS = {"http://gank.io/api/data/%E7%A6%8F%E5%88%A9/10/1","http://gank.io/api/data/%E7%A6%8F%E5%88%A9/10/2","http://gank.io/api/data/%E7%A6%8F%E5%88%A9/10/3","http://gank.io/api/data/%E7%A6%8F%E5%88%A9/10/4","http://gank.io/api/data/%E7%A6%8F%E5%88%A9/10/5","http://gank.io/api/data/%E7%A6%8F%E5%88%A9/10/6","http://gank.io/api/data/%E7%A6%8F%E5%88%A9/10/7","http://gank.io/api/data/%E7%A6%8F%E5%88%A9/10/8","http://gank.io/api/data/%E7%A6%8F%E5%88%A9/10/9","http://gank.io/api/data/%E7%A6%8F%E5%88%A9/10/10"};private ArrayList<FragmentForVp> fragments;MyVpAdapter myVpAdapter;FragmentManager fm;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);//得到组件tabLayout = (TabLayout) findViewById(R.id.tablayout);vp = (ViewPager) findViewById(R.id.vp);fm = getSupportFragmentManager();//创建集合，存储vp的page页（fragment）fragments = new ArrayList<FragmentForVp>();//给tablayout设置tab页for(int i=0;i<tabs.length;i++){FragmentForVp fragmentForVp = new FragmentForVp();Bundle b = new Bundle();b.putString("data",tabs[i]);    b.putString("dataUrl",urlS4000[i]);fragmentForVp.setArguments(b);fragments.add(fragmentForVp);tabLayout.addTab(tabLayout.newTab().setText(tabs[i]));}//给vp配置page页myVpAdapter = new MyVpAdapter(fm);vp.setAdapter(myVpAdapter);//tablayout和vp的关联tabLayout.setupWithViewPager(vp);tabLayout.setOnTabSelectedListener(new TabLayout.OnTabSelectedListener() {@Overridepublic void onTabSelected(TabLayout.Tab tab) {Toast.makeText(MainActivity.this,tab.getText(),Toast.LENGTH_SHORT).show();if(tab.getText().equals("推荐")){//请求推荐的网络数据}else if(tab.getText().equals("热点")){//请求热点的网络数据}else{}}@Overridepublic void onTabUnselected(TabLayout.Tab tab) {}@Overridepublic void onTabReselected(TabLayout.Tab tab) {}});}class MyVpAdapter extends FragmentPagerAdapter{public MyVpAdapter(FragmentManager fm) {super(fm);}@Overridepublic Fragment getItem(int position) {return fragments.get(position);}@Overridepublic int getCount() {return fragments.size();}@Overridepublic CharSequence getPageTitle(int position) {return tabs[position];}}}

activity_main主页面布局：

<?xml version="1.0" encoding="utf-8"?><RelativeLayoutxmlns:android="http://schemas.android.com/apk/res/android"xmlns:app="http://schemas.android.com/apk/res-auto"android:id="@+id/activity_main"xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent"android:layout_height="match_parent" tools:context="com.bwie.wyy.myapplication.MainActivity"><android.support.design.widget.TabLayoutandroid:id="@+id/tablayout"android:layout_width="wrap_content"android:layout_height="wrap_content"app:tabMode="scrollable"app:tabSelectedTextColor="@android:color/holo_red_light"app:tabIndicatorColor="@android:color/holo_red_light"app:tabTextAppearance="@android:style/TextAppearance.Large"/><android.support.v4.view.ViewPagerandroid:id="@+id/vp"android:layout_width="match_parent"android:layout_height="match_parent"android:layout_below="@+id/tablayout"/></RelativeLayout>

FragmentForVp页面：

package com.bwie.wyy.myapplication;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 android.widget.TextView;import com.google.gson.Gson;import java.util.List;public class FragmentForVp extends Fragment {private TextView tv;private String dataUrl;private ListView newsLv; private String data;@Nullable@Overridepublic View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {View view = inflater.inflate(R.layout.fragment_layout,container,false);newsLv = (ListView) view.findViewById(R.id.newsLv);Bundle arguments = getArguments();//获得通过setArgument传的值dataUrl = getArguments().getString("dataUrl");//得到数据url//通过dataUrl请求网络数据，解析展示在newsLv上，扩展：实现下拉上拉效果new AsyncTask<String,Integer,String>(){@Overrideprotected String doInBackground(String... params) {NetWorkUtils netWorkUtils = new NetWorkUtils();data = netWorkUtils.getURL(dataUrl);return data;}@Overrideprotected void onPostExecute(String s) {super.onPostExecute(s);Gson gson = new Gson();SuperClass superClass = gson.fromJson(s, SuperClass.class);List<SuperClass.Bean> list = superClass.getResults();MyAdapter adapter = new MyAdapter(getActivity(), list);newsLv.setAdapter(adapter);}}.execute();return view;}}

fragment_layout页面布局：

<?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"android:orientation="vertical"><TextViewandroid:id="@+id/tv"android:textSize="48dp"android:layout_gravity="center"android:layout_width="wrap_content"android:layout_height="wrap_content"/><ListViewandroid:id="@+id/newsLv"android:layout_width="wrap_content"android:layout_height="wrap_content"/></LinearLayout>

NetWorkUtils工具类：

package com.bwie.wyy.myapplication;import java.io.InputStream;import java.net.HttpURLConnection;import java.net.URL;public class NetWorkUtils {public  static  String getURL(String parm){String data="";try {URL url = new URL(parm);HttpURLConnection ht = (HttpURLConnection) url.openConnection();ht.setConnectTimeout(5000);ht.setReadTimeout(5000);int responseCode = ht.getResponseCode();if(responseCode==200){InputStream inputStream = ht.getInputStream();byte[] b=new byte[1024];int len=0;while((len=inputStream.read(b))!=-1){String s = new String(b, 0, len);data+=s;}}} catch (Exception e) {e.printStackTrace();}return data;}}

MyAdapter  listview适配器：

package com.bwie.wyy.myapplication;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;public class MyAdapter extends BaseAdapter {private Context context;private List<SuperClass.Bean> list;public MyAdapter(Context context, List<SuperClass.Bean> list) {this.context = context;this.list = list;}public int getCount() {return list.size();}public Object getItem(int position) {return list.get(position);}public long getItemId(int position) {return position;}public View getView(int position, View convertView, ViewGroup parent) {ViewHolder holder;if(convertView==null){convertView=View.inflate(context,R.layout.item,null);holder=new ViewHolder();holder.t1= (TextView) convertView.findViewById(R.id.t1);holder.t2= (TextView) convertView.findViewById(R.id.t2);holder.t3= (TextView) convertView.findViewById(R.id.t3);holder.t4= (TextView) convertView.findViewById(R.id.t4);holder.t5= (TextView) convertView.findViewById(R.id.t5);holder.img= (ImageView) convertView.findViewById(R.id.img);convertView.setTag(holder);}else{holder= (ViewHolder) convertView.getTag();}holder.t1.setText(list.get(position).getType());holder.t2.setText(list.get(position).getCreatedAt());holder.t3.setText(list.get(position).getPublishedAt());holder.t4.setText(list.get(position).getSource());holder.t5.setText(list.get(position).getUrl());String url=list.get(position).getUrl();ImageLoader.getInstance().displayImage(url,holder.img);return convertView;}class ViewHolder{TextView t1,t2,t3,t4,t5;ImageView img;}}

Loader    ImagLoader全局配置类：（在清单文件中  name=".mapp"）

package com.bwie.wyy.myapplication;import android.app.Application;import com.nostra13.universalimageloader.core.ImageLoader;import com.nostra13.universalimageloader.core.ImageLoaderConfiguration;public class Loader extends Application {@Overridepublic void onCreate() {super.onCreate();ImageLoaderConfiguration build = new ImageLoaderConfiguration.Builder(this).build();ImageLoader.getInstance().init(build);}}

SuperClass   News Bean类：

package com.bwie.wyy.myapplication;import java.util.List;public class SuperClass {private List<Bean> results;public List<Bean> getResults() {return results;}public void setResults(List<Bean> results) {this.results = results;}class Bean{private String createdAt;private String publishedAt;private String type;private String source;private String url;public String getCreatedAt() {return createdAt;}public void setCreatedAt(String createdAt) {this.createdAt = createdAt;}public String getPublishedAt() {return publishedAt;}public void setPublishedAt(String publishedAt) {this.publishedAt = publishedAt;}public String getType() {return type;}public void setType(String type) {this.type = type;}public String getSource() {return source;}public void setSource(String source) {this.source = source;}public String getUrl() {return url;}public void setUrl(String url) {this.url = url;}}}

item布局：

<?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"android:orientation="vertical"><TextViewandroid:id="@+id/t1"android:layout_width="wrap_content"android:layout_height="wrap_content"/><TextViewandroid:id="@+id/t2"android:layout_width="wrap_content"android:layout_height="wrap_content" /><TextViewandroid:id="@+id/t3"android:layout_width="wrap_content"android:layout_height="wrap_content" /><TextViewandroid:id="@+id/t4"android:layout_width="wrap_content"android:layout_height="wrap_content" /><TextViewandroid:id="@+id/t5"android:layout_width="wrap_content"android:layout_height="wrap_content" /><ImageViewandroid:id="@+id/img"android:layout_width="200sp"android:layout_height="200sp" /></LinearLayout>