Custom TabLayout with different tabs width

Question

Can anyone suggest how to implement a similar TabLayout ?

.

I think I need to use the weight for the selected tab in the fixed mode.

Answer 1

you can use it . when you selecte item tab , you can change icon

tabLayout.setOnTabSelectedListener(new TabLayout.OnTabSelectedListener() {
    @Override
    public void onTabSelected(TabLayout.Tab tab) {
        tab.setIcon(R.drawable.newicon);
         //also you can use tab.setCustomView() too
    }

    @Override
    public void onTabUnselected(TabLayout.Tab tab) {
        tab.setIcon(R.drawable.oldicon);
    }

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

    }
});