新しいTabLayoutが値のインジケーターの色を使用するという問題があるため、実装を詳しく調べるcolorAccent
ことにしましたandroid.support.design.widget.TabLayout
。これをカスタマイズするパブリックメソッドがないことがわかりました。しかし、私はTabLayoutのこのスタイル仕様を見つけました:
<style name="Base.Widget.Design.TabLayout" parent="android:Widget">
<item name="tabMaxWidth">@dimen/tab_max_width</item>
<item name="tabIndicatorColor">?attr/colorAccent</item>
<item name="tabIndicatorHeight">2dp</item>
<item name="tabPaddingStart">12dp</item>
<item name="tabPaddingEnd">12dp</item>
<item name="tabBackground">?attr/selectableItemBackground</item>
<item name="tabTextAppearance">@style/TextAppearance.Design.Tab</item>
<item name="tabSelectedTextColor">?android:textColorPrimary</item>
</style>
このスタイル仕様があれば、次のようにTabLayoutをカスタマイズできます。
<android.support.design.widget.TabLayout
xmlns:app="http://schemas.android.com/apk/res-auto"
android:id="@id/pages_tabs"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="?attr/colorPrimary"
android:minHeight="?attr/actionBarSize"
android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
app:tabIndicatorColor="@android:color/white"
app:tabIndicatorHeight="4dp"/>
また、問題は解決しました。タブインジケーターの色と高さの両方をデフォルト値から変更できます。