यह लेख आज मैंने जो कुछ भी सीखा है, उससे संबंधित है, इसलिए मूल रूप से मुझे एक कस्टम तबलायूट संकेतक को लागू करने की आवश्यकता है , गोल कोनों के साथ और नीचे के उदाहरण की तरह कुछ अतिरिक्त रिक्ति के साथ।

मेरी वेबसाइट पर जाएँ https://danishamjad.com/

मूल टैबलायट संकेतक रंग:

यदि हमें किसी कस्टम संकेतक के बिना संकेतक रंग सेट करने की आवश्यकता है, तो उस स्थिति में, हमें केवल app:tabIndicatorColorनीचे की XML फ़ाइल से आप को सेट करने की आवश्यकता है :

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

परिणाम:

अधिक गुण:

आप TabLayoutउनमें से कुछ अन्य विशेषताओं के साथ भी खेल सकते हैं जो नीचे सूचीबद्ध हैं।

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

अब, कस्टम टैबलैट इंडिकेटर कार्यान्वयन के साथ शुरू करते हैं, चलो चरणों में विराम देते हैं:

चरण 1

नाम के साथ, परत-सूची का एक अक्षर बनाएं 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>

चरण 2

हमें अपने TabLayout के लिए एक ड्रॉबल जोड़ने की आवश्यकता है, जैसे नीचे कोड स्निपेट।

app:tabIndicator="@drawable/tab_indicator"

      

       Custom TabLayout Indicator
      

चरण 3

नीचे की गद्दी के लिए, हमें android:paddingBottomनीचे दिए गए कोड स्निपेट की तरह TabLayout को जोड़ना होगा, और हम परिणाम देखेंगे।

android:paddingBottom="6dp"

      

       TabLayout Custom Indicator with Bottom Padding
      

लेफ्ट / राइट इंडिकेटर मार्जिन के लिए, हमें अपनी ड्रा करने योग्य फ़ाइल <आइटम> टैग में मार्जिन जोड़ने की जरूरत है, जिसे हमने पहले बनाया था।

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

अंत में, हमने अपना लक्ष्य हासिल कर लिया, सब कुछ पूरी तरह से ठीक है, मैंने जो देखा वह एंड्रॉइड 9.0 को छोड़कर एंड्रॉइड के सभी संस्करणों पर ठीक काम कर रहा है जो कि पाई है । मुझे दिखाते हैं कि यह एंड्रॉइड 9.0 पर कैसा दिखता है

मुद्दा यह नहीं था कि मैंने अपने ड्रॉबल में जो रंग परिभाषित किया था, उसे अब सीधे समाधान की ओर ले जाता हूं।

उपाय:

उपरोक्त समस्या का समाधान app:tabIndicatorColorउस रंग को परिभाषित करना है , जिसे मैंने अपने ड्रिबल पर परिभाषित किया था, उसी रंग को जिसमें मैंने परिभाषित किया थाapp:tabIndicatorColor

यह app:tabIndicatorColorसभी Android संस्करणों में ठीक काम कर रहा है परिभाषित करने के बाद यह है।

निष्कर्ष

यह आलेख आपको वर्णित करता है कि आप एक कस्टम टैबलैट इंडिकेटर कैसे बना सकते हैं, यह भी आपको बताया गया है कि कैसे आप एंड्रॉइड 9.0 स्क्रीन समस्या को ठीक किया जा सकता है।

मुझे उम्मीद है कि यह लेख सहायक है। यदि आपको लगता है कि कुछ याद आ रहा है, प्रश्न हैं, या प्रतिक्रिया देना चाहते हैं, तो आगे बढ़ें और नीचे एक टिप्पणी छोड़ दें। मैं प्रतिक्रिया की सराहना करता हूं।

मैंने कुछ अन्य एंड्रॉइड-संबंधित सामग्री लिखी है, और यदि आपको यहां पढ़ा हुआ पसंद आया है, तो आप शायद इसका आनंद भी लेंगे:

साझा करना (ज्ञान) देखभाल कर रहा है। इस लेख को पढ़ने के लिए धन्यवाद। यदि आपको यह मददगार लगा हो तो इस लेख को ताली बजाएं या सिफारिश करें। यह मेरे लिए बहुत मायने रखता है।

आप किसी भी मदद की जरूरत है, मुझ पर शामिल होने के ट्विटर , लिंक्डइन , GitHub , और मेरे लिए सदस्यता लें यूट्यूब चैनल ।