[Android开发] TabLayout 选中改变字体大小颜色、指示线

Android TabLayout 选中改变字体大小颜色、指示线

1 思路分析

在本次项目中，交互设计要求实现 TabLayout 的点击效果，包括字体大小、颜色、指示线的样式等效果。

2 实现思路

2.1改变 tab 字体大小、颜色

我希望在代码中实现这个效果。首先在 colors.xml添加点击前后的颜色值：

  <color name="home_tab_selected">#303233</color>
  <color name="home_tab_unselected">#A2A2A2</color>

然后为 TabLayout 设置 addOnTabSelectedListener事件，监听 tab 选择状态的改变，从而改变 tab 字体的颜色和大小：

tabLayout.addOnTabSelectedListener(new TabLayout.BaseOnTabSelectedListener() {
   
  @Override
  public void onTabSelected(TabLayout.Tab tab) {
   
    String type = tab.getText().toString();
    EventBus.getDefault().post(new