tablayout与viewpager的结合使用

TabLayout是design库提供的控件,可以方便的使用指示器,功能类似ViewPagerIndicator. 
使用非常方便,Android Studio只需要在gradle中引入即可使用 .

    compile 'com.android.support:design:23.3.0'

TabLayout即可以单独使用,也可以配合ViewPager来使用. 

下面来说一下与viewpager的结合使用

布局文件如下：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    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"
    tools:context="us.mifeng.administrator.tablayout.MainActivity">

    

     <!--

        app:tabGravity="center" 对齐方式，可选fill和center

        app:tabMode="scrollable" scrollable是可以横行滚动,fixed是指固定个数

        -->

    <android.support.design.widget.TabLayout
        android:id="@+id/tablayout"
        android:layout_width="match_parent"
        android:layout_height="50dp"
        app:tabMode="scrollable"
        app:tabGravity="center"></android.support.design.widget.TabLayout>
    <android.support.v4.view.ViewPager
        android:id="@+id/viewpager"
        android:layout_width="match_parent"
        android:layout_height="match_parent"></android.support.v4.view.ViewPager>
</LinearLayout>

    

 代码如下：

        package us.mifeng.administrator.tablayout;


import android.graphics.Color;
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 java.util.ArrayList;


public class MainActivity extends AppCompatActivity {
    private ArrayList<String>list=new ArrayList<>();
    private TabLayout tabLayout;
    private ViewPager viewPager;


    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        for (int i=0;i<20;i++){
            list.add("哈哈"+i);
        }
        initView();
    }


    private void initView() {
        tabLayout = (TabLayout) findViewById(R.id.tablayout);
        viewPager = (ViewPager) findViewById(R.id.viewpager);
        MyViewPager adapter=new MyViewPager(getSupportFragmentManager());
        viewPager.setAdapter(adapter);

        
        for (int i=0;i<list.size();i++){
            tabLayout.addTab(tabLayout.newTab().setText(list.get(i)));

        }

        //设置选中与未选中的颜色

        tabLayout.setTabTextColors(Color.BLACK,Color.RED);

        //viewpager与tablayout关联

        tabLayout.setupWithViewPager(viewPager);
        tabLayout.addOnTabSelectedListener(new TabLayout.OnTabSelectedListener() {
            @Override

            public void onTabSelected(TabLayout.Tab tab) {

                //viewpager切换

                viewPager.setCurrentItem(tab.getPosition(),false);
            }


            @Override
            public void onTabUnselected(TabLayout.Tab tab) {


            }


            @Override
            public void onTabReselected(TabLayout.Tab tab) {


            }
        });
    }
    class MyViewPager extends FragmentPagerAdapter{


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


        @Override

        public Fragment getItem(int position) {

            //创建fragment并返回

            MyFragment fragment=new MyFragment();
            Bundle bundle=new Bundle();
            bundle.putString("ss",list.get(position));
            fragment.setArguments(bundle);
            return fragment;
        }


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

        //显示tab上的名字
        @Override
        public CharSequence getPageTitle(int position) {
            return list.get(position);
        }
    }

}

Fragment代码如下：

package us.mifeng.administrator.tablayout;


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.TextView;


/**
 * Created by Administrator on 2018/1/29.
 */


public class MyFragment extends Fragment {
    @Nullable
    @Override
    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
        View view=inflater.inflate(R.layout.fragment_view,null);
        TextView textView= (TextView) view.findViewById(R.id.textview);
        Bundle bundle=getArguments();
        if (bundle!=null){
            textView.setText(bundle.getString("ss"));
        }
        return view;
    }
}