如何使用对角分隔线自定义 viewpager 的 tablayout？

Question

这里白色的是选中的tab。图片附在这里>>>>>>>>>

Answer 1

这是我能想到的最简单的方法。对于这两种情况，您可以获得两个 png 背景图像作为 Tablayout 背景。

您的案例中将有两个 png。说 bg_tab_first.png 和 bg_tab_second.png。现在相应地更改背景。

tabLayout.setOnTabSelectedListener(new TabLayout.OnTabSelectedListener(){
    @Override
    public void onTabSelected(TabLayout.Tab tab){
        int selected = tab.getPosition();
        tabLayout.setBackground(ContextCompat.getDrawable(context, selected == 0 ? R.drawable.bg_tab_first : R.drawable.bg_tab_second));
    }
});

我建议制作可绘制对象而不是使用 PNG 以提高灵活性。 获取对角视图。