Как настроить табулирование viewpager с диагональными разделителями?

Question

Здесь выбрана белая вкладка. Изображение прикреплено здесь >>>>>>>>>

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, чтобы вызвать гибкость. Следуйте этому ответу , чтобы получить диагональный вид.