web-dev-qa-db-ja.com

小文字のTabLayoutタブタイトルテキスト

Min SDK 15のアプリケーションでAndroid.support.design.widget.TabLayoutを使用しました。

デフォルトでは大文字でタブのタイトルを取りますが、「textCapsWord」で作成したいです。 here および here のようにStyleを追加してみました。しかし、残念なことに両方ともうまくいきません。

androidtabsandroid-tablelayoutandroid-design-librarygwt-tablayoutpanel
56
Krishnakant

次の行をTabLayoutに追加すると、機能するはずです。

app:tabTextAppearance="@Android:style/TextAppearance.Widget.TabWidget"

次のように使用します。

<Android.support.design.widget.TabLayout
                    Android:id="@+id/tabLayout"
                    Android:layout_width="match_parent"
                    Android:layout_height="wrap_content"
                    app:tabIndicatorColor="@Android:color/white"
                    app:tabIndicatorHeight="2dp"
                    app:tabTextAppearance="@Android:style/TextAppearance.Widget.TabWidget"
                    app:tabSelectedTextColor="@Android:color/white"
                    app:tabTextColor="@Android:color/white" />
204
Mustanser Iqbal

以下のコードを使用してタイトルをカスタマイズして作成することができます、

 <Android.support.design.widget.TabLayout
    Android:id="@+id/tabs"
    Android:layout_width="match_parent"
    Android:layout_height="wrap_content"
    app:tabIndicatorColor="@color/colorLightPink"
    app:tabMode="scrollable"
    app:tabSelectedTextColor="@color/colorLightPink"
    app:tabTextAppearance="@style/CustomTextAppearanceTab"
    app:tabTextColor="@color/colorGreyDark" />

CustomTextAppearanceTabは、style.xmlファイルに記述されるテキストスタイルを定義します

<style name="CustomTextAppearanceTab" parent="TextAppearance.Design.Tab">
    <item name="textAllCaps">false</item>
    <item name="Android:textAllCaps">false</item>
</style>
19
Gowtham. R

以下のコードを使用して、タブタイトルを色と小文字でカスタマイズできます

<Android.support.design.widget.TabLayout
    Android:id="@+id/sliding_tabs"
    style="@style/customTabLayout"
    Android:layout_width="match_parent"
    Android:layout_height="@dimen/tabHeight"
    Android:background="@color/blurred_black"
    Android:divider="@drawable/blue"
    Android:stretchColumns="*"
    app:tabMode="fixed" />

customTabLayoutは、style.xmlファイルに記述されたスタイルです

<style name="customTabLayout" parent="Widget.Design.TabLayout">
    <item name="tabIndicatorColor">@color/default_back</item>
    <item name="tabIndicatorHeight">2dp</item>
    <item name="tabPaddingStart">12dp</item>
    <item name="tabPaddingEnd">12dp</item>
    <item name="textAllCaps">false</item>
    <item name="Android:dividerPadding">3dp</item>
    <item name="Android:textSize">18sp</item>
    <item name="Android:textColor">@color/default_back</item>
    <item name="Android:divider">@Android:color/black</item>
    <item name="tabBackground">?attr/selectableItemBackground</item>
    <item name="tabSelectedTextColor">@color/default_back</item>
</style>

希望は他の方法でそれを助けるでしょう。

11
Ajit Kumar Dubey