超级简单利索麻溜儿的使用Tablelayout完成RadioGroup+RadioButton效果

首先我们需要导入以下依赖

implementation 'com.android.support:design:28.0.0'

一般使用时我们会和Viewpager一起使用，看一下xml里面的内容：

<android.support.v4.view.ViewPager
    android:id="@+id/vp"
    android:layout_weight="9"
    android:layout_height="0dp"
    android:layout_width="match_parent">
</android.support.v4.view.ViewPager>

<android.support.design.widget.TabLayout
       android:id="@+id/tb"
       android:layout_weight="1"
       android:layout_height="0dp"
       android:layout_width="match_parent"
       app:tabTextColor="@android:color/black" 
       app:tabSelectedTextColor="@android:color/holo_red_light">
 </android.support.design.widget.TabLayout>

然后就在我们的Activity中使用就好啦，初始化什么的就不说了都懂主要看一下具体使用我把她们放在数组里啦 啦啦啦

final String[] name ={"首页","分类","发现","购物车","我的"};
final int[] pic = {R.drawable.sy,R.drawable.fenlei,R.drawable.faxian,R.drawable.gouwuche,R.drawable.wode};
final int[] pic2 = {R.drawable.sy2,R.drawable.fenlei2,R.drawable.faxian2,R.drawable.gouwuche2,R.drawable.wode2};

然后最最重要的一步啦，就是我们要让Tablayout 绑定Viewpager啦嘻嘻

tb.setupWithViewPager(vp);

然后呢 我需要实现点击每一个Tablayout可以变颜色啦，那么就需要使用一个监听事件

tb.addOnTabSelectedListener(new TabLayout.OnTabSelectedListener() {
    @Override
    public void onTabSelected(TabLayout.Tab tab) {
        tb.getTabAt(tab.getPosition()).setIcon(pic2[tab.getPosition()]);
    }
    @Override
    public void onTabUnselected(TabLayout.Tab tab) {
        tb.getTabAt(tab.getPosition()).setIcon(pic[tab.getPosition()]);
    }
    @Override
    public void onTabReselected(TabLayout.Tab tab) {

    }
});

好啦就是如此的简单给各位看一下效果图