Yeni TabLayout gösterge rengi ve yüksekliği nasıl değiştirilir

Yeni ile oynuyordum android.support.design.widget.TabLayout ve bir sorun buldum, sınıf tanımında gösterge rengini ve varsayılan yüksekliği değiştirmenin hiçbir yöntemi yok.

Biraz araştırma yaparak, varsayılan gösterge renginin AppTheme'den alındığı bulundu. Özellikle buradan:

<item name="colorAccent">#FF4081</item>

Şimdi, benim durumumda, değerini değiştirirsem, colorAccentbu değeri arka plan rengi olarak kullanan diğer tüm görünümleri etkileyecektir, örneğin ProgressBar

Şimdi, göstergeColor'u başka bir şeye değiştirmenin bir yolu var colorAccentmı?

Yeni TabLayout'un değerden gösterge rengini kullanması sorununu yaşarken colorAccent, android.support.design.widget.TabLayoutuygulamayı özelleştirmeye karar verdim ve bunu özelleştirmek için genel yöntemler olmadığını buldum. Ancak TabLayout'un bu stil özelliğini buldum:

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

Bu stil spesifikasyonuna sahip olarak, şimdi TabLayout'u şu şekilde özelleştirebiliriz:

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

Ve sorun çözüldü, hem sekme göstergesi rengi hem de yüksekliği varsayılan değerlerinden değiştirilebilir.

Tasarım destek kitaplığıyla artık bunları xml'de değiştirebilirsiniz:

TabLayout göstergesinin rengini değiştirmek için :

app:tabIndicatorColor="@color/color"

TabLayout göstergesinin yüksekliğini değiştirmek için :

app:tabIndicatorHeight="4dp"

Android geliştiricisinin yorumunu takip edemediğimden , seçili sekme gösterge rengini programlı olarak ayarlaması gereken diğer herkes için güncellenmiş bir cevap:

tabLayout.setSelectedTabIndicatorColor(Color.parseColor("#FFFFFF"));

Benzer şekilde, yükseklik için:

tabLayout.setSelectedTabIndicatorHeight((int) (2 * getResources().getDisplayMetrics().density));

Bu yöntemler , Destek Kitaplığı'nın 23.0.0 revizyonuna yeni eklendi , bu nedenle Soheil Setayeshi'nin cevabı yansıma kullanıyor.

app:tabIndicatorColor="@android:color/white"

İle desing destek kitaplığı V23 programlı rengini ve yüksekliğini ayarlayabilirsiniz.

Sadece yükseklik için kullanın:

TabLayout.setSelectedTabIndicatorHeight(int height)

İşte resmi javadoc .

Sadece renk için kullanın:

TabLayout.setSelectedTabIndicatorColor(int color)

İşte resmi javadoc .

Burada bilgileri Google Tracker'da bulabilirsiniz .

Gösterge rengini ve yüksekliğini programlı olarak değiştirmek için yansımayı kullanabilirsiniz. örneğin gösterge rengi için aşağıdaki kodu kullanın:

        try {
            Field field = TabLayout.class.getDeclaredField("mTabStrip");
            field.setAccessible(true);
            Object ob = field.get(tabLayout);
            Class<?> c = Class.forName("android.support.design.widget.TabLayout$SlidingTabStrip");
            Method method = c.getDeclaredMethod("setSelectedIndicatorColor", int.class);
            method.setAccessible(true);
            method.invoke(ob, Color.RED);//now its ok
        } catch (NoSuchFieldException e) {
            e.printStackTrace();
        } catch (NoSuchMethodException e) {
            e.printStackTrace();
        } catch (InvocationTargetException e) {
            e.printStackTrace();
        } catch (IllegalAccessException e) {
            e.printStackTrace();
        } catch (ClassNotFoundException e) {
            e.printStackTrace();
        }

ve gösterge yüksekliğini değiştirmek için "setSelectedIndicatorColor" yerine "setSelectedIndicatorHeight" kullanın ve ardından istediğiniz yüksekliğe göre çağırın

Foto göstergesi şunu kullan:

 tabLayout.setSelectedTabIndicatorColor(ContextCompat.getColor(this, R.color.colorWhite));//put your color

xml'den:

app:tabIndicatorColor="#fff"

Java'dan:

tabLayout.setSelectedTabIndicatorColor(Color.parseColor("#FFFFFF"));
tabLayout.setSelectedTabIndicatorHeight((int) (2 * getResources().getDisplayMetrics().density));

Bunu xml kullanarak değiştirebilirsiniz

app:tabIndicatorColor="#fff"

Sadece bu satırı kodunuza ekleyin. Rengi değiştirirseniz, parantez içindeki renk değerini değiştirin.

tabLayout.setSelectedTabIndicatorColor(Color.parseColor("#FFFFFF"));

Android bunu kolaylaştırır.

public void setTabTextColors(int normalColor, int selectedColor) {
    setTabTextColors(createColorStateList(normalColor, selectedColor));
}

Bu yüzden sadece diyoruz

mycooltablayout.setTabTextColors(Color.parseColor("#1464f4"), Color.parseColor("#880088"));

Bu bize mavi normal bir renk ve mor seçilmiş bir renk verecektir.

Şimdi yüksekliği ayarlıyoruz

public void setSelectedTabIndicatorHeight(int height) {
    mTabStrip.setSelectedIndicatorHeight(height);
}

Ve yükseklik için diyoruz

mycooltablayout.setSelectedIndicatorHeight(6);