Как установить цвет фона Tab для новых компонентов материала TabLayout - PullRequest
Новая
       13

Как установить цвет фона Tab для новых компонентов материала TabLayout

0 голосов
/ 25 февраля 2019

Я использую новые компоненты материала Я хочу достичь этого дизайна enter image description here

Я нашел эти ответы для старого TabLayout

Как изменить цвет значка выбранной вкладки TabLayout?

Изменение цвета фона вкладки в TabLayout (библиотека поддержки дизайна Android) незанимают все пространство вкладок

Я думаю, что новый TabLayout имеет более простой способ установить фон вкладки и обрабатывать текст и изменения цвета значка

1 Ответ

0 голосов
/ 25 февраля 2019

Вот шаги для установки цвета фона вкладки:

сначала код, а затем краткое объяснение:

Код: 

<com.google.android.material.tabs.TabLayout
    android:id="@+id/tabLayout"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    app:layout_constraintTop_toTopOf="parent"
    app:tabBackground="@drawable/tab_background_color_selector"
    app:tabIconTint="@color/tab_content_color_selector"
    app:tabIndicator="@null"
    app:tabSelectedTextColor="@color/md_white_1000"
    app:tabTextColor="@color/secondaryColor">

    <com.google.android.material.tabs.TabItem
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:icon="@drawable/ic_list"
        android:text="list" />

    <com.google.android.material.tabs.TabItem
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:icon="@drawable/ic_calender"
        android:text="calender" />
</com.google.android.material.tabs.TabLayout>

drawable / tab_background_color_selector.xml 

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@color/secondaryColor" android:state_selected="true" />
    <item android:drawable="@color/md_white_1000" />
</selector>

color / tab_content_color_selector.xml 

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:color="@color/md_white_1000" android:state_selected="true" />
    <item android:color="@color/secondaryColor" />
</selector>

Объяснение

tabBackground :является фоном вкладки и должен быть селектором drawable .

tabIconTint : для цвета значка, и он должен быть color селектор.

tabIndicator = "@ null": поскольку в этом случае он бесполезен.

tabSelectedTextColor , tabTextColor не требуют пояснений.

...