Bu makale bugün öğrendiklerime aittir, bu nedenle temelde yuvarlatılmış köşeleri ve aşağıdaki örnekte olduğu gibi bazı ekstra boşlukları olan özel bir TabLayout Göstergesi uygulamam gerekiyor .

Web sitemi ziyaret edin https://danishamjad.com/

Temel Sekme Düzeni Gösterge Rengi:

Gösterge rengini herhangi bir özel Gösterge olmadan ayarlamamız gerekirse, bu durumda, yalnızca app:tabIndicatorColoraşağıdaki XML dosyasından yapabildiğiniz gibi ayarlamamız gerekir :

<com.google.android.material.tabs.TabLayout
    android:id="@+id/tabs"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@color/colorPrimary"
    android:backgroundTint="@color/white"
    app:tabIndicatorColor="#DCDCDC"
    app:tabMode="fixed"
    app:tabSelectedTextColor="@color/smoke_black"   
    app:tabTextColor="@color/warm_grey" />

Sonuç:

Daha Fazla Özellik:

Ayrıca TabLayoutaşağıda listelenen bazılarının diğer özellikleriyle de oynayabilirsiniz .

app:tabIndicatorColor="@color/azul"
app:tabIndicatorHeight="3dp"
app:tabMaxWidth="0dp"

Şimdi, özel TabLayout Gösterge Uygulaması ile başlayalım, adımlara geçelim:

Aşama 1

Aşağıdaki kod parçacığı gibi adıyla bir katman listesi çizilebilir yapın tab_indicator.

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <shape android:shape="rectangle">
            <corners android:radius="5dp" />
            <solid android:color="@color/azul" />
        </shape>
    </item>
</layer-list>

Adım 2

TabLayout'umuza aşağıdaki kod parçacığı gibi bir çizim eklememiz gerekiyor.

app:tabIndicator="@drawable/tab_indicator"

      

       Custom TabLayout Indicator
      

Aşama 3

Alt dolgu için, android:paddingBottomaşağıdaki kod parçacığı gibi TabLayout'a eklememiz gerekir ve sonucu göreceğiz.

android:paddingBottom="6dp"

      

       TabLayout Custom Indicator with Bottom Padding
      

Sol / Sağ Gösterge Kenar Boşlukları için, daha önce oluşturduğumuz çekilebilir dosya <item> etiketimize kenar boşluğu eklememiz gerekir.

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item
        android:end="30dp"
        android:start="30dp">
        <shape android:shape="rectangle">
            <corners android:radius="5dp" />
            <solid android:color="@color/azul" />
        </shape>
    </item>
</layer-list>

Sonunda hedefimize ulaştık, her şey mükemmel, fark ettim ki Android 9.0 Pie hariç tüm Android sürümlerinde iyi çalışıyor . Android 9.0'da nasıl göründüğünü size göstereyim

Sorun, benim çizdiğimde tanımladığım rengi almamasıydı, şimdi doğrudan çözüme geçelim.

Çözüm:

Yukarıdaki sorunun çözümü, app:tabIndicatorColorçizilebilir ürünümde tanımladığım rengi , içinde tanımladığım rengi tanımlamaktır .app:tabIndicatorColor

app:tabIndicatorColorTüm android sürümlerinde iyi çalıştığını tanımladıktan sonra bu kadar.

Sonuç

Bu makale size özel bir TabLayout Göstergesini nasıl oluşturabileceğinizi ve ayrıca Android 9.0 renk sorununu nasıl düzeltebileceğinizi açıkladı.

Umarım bu makale yardımcı olmuştur. Bir şeyin eksik olduğunu düşünüyorsanız, sorularınız varsa veya geri bildirimde bulunmak istiyorsanız, devam edin ve aşağıya bir yorum bırakın. Geri bildirim için minnettar olurum.

Android ile ilgili başka bir içerik yazdım ve burada okuduklarınızı beğendiyseniz, muhtemelen şundan da hoşlanacaksınız:

Paylaşmak (bilgi) önemsemektir 😊 Bu makaleyi okuduğunuz için teşekkürler. Eğer yararlı bulduysan bu makaleyi alkışladığından veya tavsiye ettiğinden emin ol. Benim için çok değerli.

Herhangi bir yardıma ihtiyacınız olursa, bana katıl Twitter , LinkedIn , GitHub , ve benim abone Youtube Kanalı .