TabLayout和ViewPager的联动使用

在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项（第一次写博客，希望这个博客可给大家带来帮助）。

秒客网

TabLayout和ViewPager的联动使用

相关文章