TabLayout与ViewPager联用

布局:

主页:


    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">


            android:id="@+id/tab_layout"


        android:layout_width="match_parent"
        android:layout_height="50dp"
        app:tabGravity="center"
        app:tabIndicatorColor="#ff0000"
        app:tabMode="scrollable"


        app:tabSelectedTextColor="#ff0000"
        app:tabTextColor="#00ff00">




   


            android:id="@+id/view_pager"
        android:layout_width="match_parent"
        android:layout_height="match_parent">


   


副页:



    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">


            android:id="@+id/list_view"
        android:layout_width="match_parent"
        android:layout_height="match_parent">


   




代码:

MainActivity主页tablayout的使用

package com.example.a12_tablayout_viewpager;


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.support.v7.app.AppCompatActivity;
import android.os.Bundle;


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


/**
 * tablayout结合着viewPager来使用
 */
public class MainActivity extends AppCompatActivity {


    private TabLayout tabLayout;
    private ViewPager viewPager;
    private List list;


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


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


        /**
         * top(头条,默认),shehui(社会),guonei(国内),guoji(国际),yule(娱乐),tiyu(体育)junshi(军事)
         * ,keji(科技),caijing(财经),shishang(时尚)
         */
        //tab的标题
        list = new ArrayList<>();
        list.add("头条");
        list.add("社会");
        list.add("国内");
        list.add("国际");
        list.add("娱乐");
        list.add("体育");
        list.add("军事");
        list.add("科技");
        list.add("财经");
        list.add("时尚");


        //Viewpager要展示页面...设置适配器
        viewPager.setAdapter(new FragmentPagerAdapter(getSupportFragmentManager()) {
            //得到当前页的标题,,,也就是设置当前页面显示的标题是tab对应的标题
            @Override
            public CharSequence getPageTitle(int position) {


                return list.get(position);
            }


            @Override
            public Fragment getItem(int position) {
                //一般我们在这个位置对比一下标题是什么,,,然后返回对应的fragment


                NewsFragment newsFragment = new NewsFragment();


                Bundle bundle = new Bundle();


                //Fragment fragment = null;


                if (list.get(position).equals("头条")){


                    //fragment = new TouTiaoFragment();
                    bundle.putString("name","top");
                }else if (list.get(position).equals("社会")){
                    bundle.putString("name","shehui");
                }else if (list.get(position).equals("国内")){
                    bundle.putString("name","guonei");
                }else if (list.get(position).equals("国际")){
                    bundle.putString("name","guoji");
                }else if (list.get(position).equals("娱乐")){
                    bundle.putString("name","yule");
                }else if (list.get(position).equals("体育")){
                    bundle.putString("name","tiyu");
                }else if (list.get(position).equals("军事")){
                    bundle.putString("name","junshi");
                }else if (list.get(position).equals("科技")){
                    bundle.putString("name","keji");
                }else if (list.get(position).equals("财经")){
                    bundle.putString("name","caijing");
                }else if (list.get(position).equals("时尚")){
                    bundle.putString("name","shishang");
                }


                newsFragment.setArguments(bundle);




                return newsFragment;
            }


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




        //tablayout要与viewpager关联
        tabLayout.setupWithViewPager(viewPager);


    }
}


Adapter适配器:

package com.example.a12_tablayout_viewpager;


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


import java.util.List;


/**
 * @author Dash
 * @date 2017/9/11
 * @description:
 */
public class MyAdapter extends BaseAdapter {
    Context context;
    List list;


    public MyAdapter(Context context, List list) {
        this.context = context;
        this.list = list;
    }


    @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) {
        if (view == null){
            view = View.inflate(context,android.R.layout.simple_list_item_1,null);
        }


        TextView textView = (TextView) view.findViewById(android.R.id.text1);


        textView.setText(list.get(i).getTitle());


        return view;
    }
}


NewsFragment的使用


package com.example.a12_tablayout_viewpager;


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 java.io.BufferedReader;
import java.io.InputStream;
import java.io.InputStreamReader;
import java.net.HttpURLConnection;
import java.net.URL;
import java.util.List;


/**
 * @author Dash
 * @date 2017/9/11
 * @description:
 */
public class NewsFragment extends Fragment {


    private ListView listView;


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


        listView = (ListView) view.findViewById(R.id.list_view);


        return view;
    }


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


        Bundle bundle = getArguments();


        String string = bundle.getString("name", "top");


        getDataFromNet(string);


    }


    private void getDataFromNet(final String string) {
        AsyncTask asyncTask = new AsyncTask() {
            @Override
            protected String doInBackground(Void... voids) {


                String path = "http://v.juhe.cn/toutiao/index?type="+string+"&key=597b4f9dcb50e051fd725a9ec54d6653";
                try {
                    URL url = new URL(path);


                    HttpURLConnection connection = (HttpURLConnection) url.openConnection();
                    //设置
                    connection.setRequestMethod("GET");
                    connection.setReadTimeout(5000);
                    connection.setConnectTimeout(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 "";
            }


            @Override
            protected void onPostExecute(String json) {
                Gson gson = new Gson();


                DataDataBean dataDataBean = gson.fromJson(json, DataDataBean.class);


                List list = dataDataBean.getResult().getData();


                MyAdapter myAdapter = new MyAdapter(getActivity(), list);


                listView.setAdapter(myAdapter);


            }
        };


        asyncTask.execute();


    }


    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与ViewPager联用)