TabLayout（Android Design Support Library）のアンダーラインの長さを変更する方法

Question

私はTablayout + ViewPagerをUIフレームとして使用しています。 tablayoutに選択されたタブの下線があります。テキストの長さと下線の長さが等しくありません。それらを同じにしたい これを行うには？あなたは、タブインジケータの長さがそのタブ幅に設定されている私の知る限り

<android.support.design.widget.TabLayout 
android:id="@id/pages_tabs" 
android:layout_width="match_parent" 
android:layout_height="wrap_content" 
app:tabIndicatorColor="@android:color/white" 
app:tabIndicatorHeight="4dp"/> 

下回るようtabIndicator色や高さを変更することができます

Answer 1

非常 おかげで、あなたが本当にしたい場合にのみ表示サイズ を変更することはできません変更を試すと変更するtabWidthこの変更によって、インジケータも変わります。

app:tabMaxWidth="30dp" 

Answer 2

別のレイアウトをタブレイアウトに追加し、それに応じて埋め込みを行うことができます。

<RelativeLayout 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:paddingLeft="20dp" 
     android:paddingRight="20dp" 
     android:layout_below="@+id/toolbar" 
     android:id="@+id/tabLayout" 
     android:background="@color/colorTangerine"> 

    <com.techlabs.oodhaar.views.CustomTabLayout 
     android:id="@+id/tabs" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     app:tabBackground="@color/colorTangerine" 
     app:tabIndicatorColor="@color/colorBackground" 
     app:tabSelectedTextColor="@color/colorBackground" 
     app:tabTextColor="@color/colorBackground" 
     app:tabIndicatorHeight="4dp" 
     /> 
    </RelativeLayout> 

Answer 3

app:tabMinWidth="210dp" 
app:tabMaxWidth="110dp" 

あなたのXML内のコードのちょうどこれら二つの行を追加します。タブ項目に依存します。一度に増減するだけで修正できます。