TabLayout和ViewPager的联动使用

时间:2023-01-10 05:25:29

在Android的开发当中Tablayout和Viewpager的混合使用是很多的,他们两个是一对不折不扣的好基友,下面介绍一下他们的用法。


1.TabLayout的用法:

由于TabLayout是在design包下的所以要导包,这里只介绍Android studio是如何导包的,如下(在build.gradle中添加这么一句):TabLayout和ViewPager的联动使用

然后刷新studio就可以了,刷新方法如下:

                TabLayout和ViewPager的联动使用

接下来是在代码和布局中的具体使用:

1)在布局中(宽高你们根据自己的需求给吧):

<android.support.design.widget.TabLayout
android:id="@+id/table"
android:layout_width="0dp"
android:layout_height="0dp"
>
</android.support.design.widget.TabLayout>

2)在代码中:

TabLayout tableLayout = (TabLayout) findViewById(R.id.table);
TabLayout.Tab tab1 = tableLayout.newTab();
//设置标题
tab1.setText("健康资讯");
//设置未选中和选中时字体的颜色
tableLayout.setTabTextColors(Color.BLACK,Color.RED);
tableLayout.addTab(tab1)
;

2.ViewPager的用法:

1)布局中:

<android.support.v4.view.ViewPager
android:id="@+id/viewpager"
android:layout_below="@id/table"
android:layout_width="match_parent"
android:layout_height="wrap_content">

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

2)代码中:

viewPager = (ViewPager) findViewById(R.id.viewpager);
//创建适配器(这个适配器是自定义的,我用的是FragmentPagerAdapger,根据需求自定义吧)
adapter = new MainViewPagerAdapter(getSupportFragmentManager(), list);
//关联适配器
viewPager.setAdapter(adapter);

3.设置ViewPager和TabLayout的监听事件

1)Viewpager的接听事件:

//Viewpager的监听(这个接听是为Tablayout专门设计的)
viewPager.addOnPageChangeListener(new TabLayout.TabLayoutOnPageChangeListener(tableLayout));
2)TabLayout的接听事件:

//TabLayout的监听
tableLayout.setOnTabSelectedListener(new TabLayout.OnTabSelectedListener() {
@Override
public void onTabSelected(TabLayout.Tab tab) {
int position = tab.getPosition();

viewPager.setCurrentItem(position);
}

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

}

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

}
});

这样就完成了ViewPager和TabLayout直接的联动了,Viewpager滑动时Tablayout跟着变,点击Tablayout的条目时切换不同的ViewPager项(第一次写博客,希望这个博客可给大家带来帮助)。