タブレイアウトのテキストサイズに合わせたタブレイアウトのアンダーライン幅

Question

2つのタブアイテムがあるタブレイアウトがあります。1つのタブアイテムが選択されているときに下線が始点から来て、幅が大きすぎます。 私はそのインジケータの幅を自分のタブテキストに合わせて設定し、両方のタブアイテムのテキストの下にのみアンダーラインを表示したいと思います。

Answer 1

final TabLayout tabLayout = (TabLayout) view.findViewById(R.id.varietytaba); 
    tabLayout.addTab(tabLayout.newTab().setText("VEG")); 
    tabLayout.addTab(tabLayout.newTab().setText("NON VEG")); 
    tabLayout.setBackgroundColor(Color.parseColor("#000000")); 

    tabLayout.setTabTextColors(Color.parseColor("#FFFFFF"), Color.parseColor("#FFFFFF")); 

    final ViewPager viewPager = (ViewPager) view.findViewById(R.id.viewPager_drinka); 
    viewPager.setAdapter(new Fragvariety.Pageradapter(getChildFragmentManager(), 
      tabLayout.getTabCount())); 
    viewPager.addOnPageChangeListener(new TabLayout.TabLayoutOnPageChangeListener(tabLayout)); 
    tabLayout.addOnTabSelectedListener(new TabLayout.OnTabSelectedListener(){ 


     @Override 
     public void onTabSelected(TabLayout.Tab tab) { 
      viewPager.setCurrentItem(tab.getPosition()); 
      tabLayout.setSelectedTabIndicatorColor(Color.parseColor("#FFFFFF")); 
     }