TabLayout 配置自定义Indicator的示例代码

以下是一个示例代码，演示如何使用自定义视图来替代TabLayout的默认指示器：

// 获取TabLayout实例
TabLayout tabLayout = findViewById(R.id.tab_layout);

// 设置TabLayout的模式
tabLayout.setTabMode(TabLayout.MODE_FIXED);

// 添加tab选项卡
tabLayout.addTab(tabLayout.newTab().setText("Tab 1"));
tabLayout.addTab(tabLayout.newTab().setText("Tab 2"));
tabLayout.addTab(tabLayout.newTab().setText("Tab 3"));

// 获取自定义Indicator的布局文件
View customIndicator = getLayoutInflater().inflate(R.layout.custom_indicator, null);

// 设置自定义Indicator的宽度和高度
customIndicator.setMinimumWidth(0);
customIndicator.setMinimumHeight(0);

// 将自定义Indicator添加到TabLayout中
tabLayout.getTabAt(0).setCustomView(customIndicator);

// 为TabLayout设置监听事件，以便在Tab被选中时更新Indicator的位置
tabLayout.addOnTabSelectedListener(new TabLayout.OnTabSelectedListener() {
    @Override
    public void onTabSelected(TabLayout.Tab tab) {
        // 获取自定义Indicator的视图
        View customIndicator = tab.getCustomView();
        if (customIndicator != null) {
            // 更新自定义Indicator的位置
            customIndicator.animate().translationY(-10).setDuration(200).start();
        }
    }

    @Override
    public void onTabUnselected(TabLayout.Tab tab) {
        View customIndicator = tab.getCustomView();
        if (customIndicator != null) {
            customIndicator.animate().translationY(0).setDuration(200).start();
        }
    }

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

    }
});

在上面的示例代码中，我们首先获取了一个TabLayout实例，并添加了三个选项卡。然后，我们获取了一个自定义Indicator的布局文件，并将其设置为第一个选项卡的自定义视图。接下来，我们为TabLayout设置了一个监听器，在选项卡被选中或取消选中时更新自定义Indicator的位置。

自定义Indicator的布局文件可以根据需要进行更改，以满足具体的设计要求。在上面的示例代码中，我们只是使用了一个简单的视图，但您可以使用任何视图或布局文件来创建更复杂的Indicator