Program Tip

TabLayout 탭 제목 텍스트 (소문자)

programtip 2020. 12. 9. 21:37
반응형

TabLayout 탭 제목 텍스트 (소문자)


android.support.design.widget.TabLayoutMin SDK 15를 사용 하여 응용 프로그램에서 사용 했습니다.

기본적으로 탭 제목을 대문자로 사용하지만 "textCapsWord"로 만들고 싶습니다. 여기여기에 제안 된대로 스타일을 추가해 보았습니다 . 그러나 불행히도 둘 다 작동하지 않습니다.


다음 줄을 추가하면 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" />

아래 코드를 사용하여 제목을 사용자 정의하고 만들 수 있습니다 .

 <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>

아래 코드를 사용하여 소문자뿐만 아니라 색상으로 탭 제목을 사용자 지정할 수 있습니다

<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>

희망은 다른 방법으로 그것을 도울 것입니다.

참고URL : https://stackoverflow.com/questions/33015652/tablayout-tab-title-text-in-lower-case

반응형