TabLayout+ViewPager关联使用

一位不愿透漏姓名的黑人

Hello, stranger.

今天给大家带来一个简单实用的TabLayout+Viewpager关联组合框架
1.导入依赖

compile 'com.android.support:design:28+'

2.添加布局

//需要引入线性布局

<?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"
    tools:context=".MainActivity"
    android:orientation="vertical">
    
     	<android.support.design.widget.TabLayout
    		android:id="@+id/tabLayout"
  	  	android:layout_width="match_parent"
   	 	android:layout_height="50dp"></android.support.design.widget.TabLayout>
   	 	
	<android.support.v4.view.ViewPager
    		android:id="@+id/ViewPager"
		 android:layout_width="match_parent"
  		android:layout_height="wrap_content"></android.support.v4.view.ViewPager>
     
</LinearLayout>

3.在Activity中编写代码

public class MainActivity extends FragmentActivity{  //首先需要继承FragmentActivity

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        
        //获取控件
        TabLayout tabLayout = findViewById(R.id.tabLayout);
	ViewPager pager = findViewById(R.id.ViewPager);
	
	//设置标题集合
	final ArrayList<String> titles = new ArrayList<String>();
	for (int i = 0; i < 5; i++) {
	    titles.add("标题"+i);
	}

	//设置Fragment类型集合
	final ArrayList<Fragment> fragments = new ArrayList<Fragment>();
	//首先创建对应标题数量的类，需要继承Fragment
	//切记Fragment类数量必须与标题数量相匹配
	fragments.add(new Fragment_a());
	fragments.add(new Fragment_b());
	fragments.add(new Fragment_c());
	fragments.add(new Fragment_d());
	fragments.add(new Fragment_e());

	//设置Viewpager适配器
	pager.setAdapter(new FragmentPagerAdapter(getSupportFragmentManager()) {
	  	  @Override
	    	public Fragment getItem(int i) {
 	    	   	return fragments.get(i);//返回页面Fragment集合对应的下标
 	  	 }

	  	  @Override
	  	  public int getCount() {
    	    		return fragments.size();//返回页面的Fragment数量
 	 	  }

	    	@Nullable
  	  	@Override
  	  	public CharSequence getPageTitle(int position) {
       			 return titles.get(position);//返回标题对应的下标
  	 	 }
	});

	//设置TabLayout模式
	tabLayout.setTabMode(TabLayout.MODE_SCROLLABLE);
	//TabLayout和ViewPager关联
	tabLayout.setupWithViewPager(pager);
}

如有疑问可在博客下方留言
谢谢浏览