Wie ändert man den Stil der Registerkarte Indikator (Standard ist eine Unterstreichung) der Registerkarte Aktivität in Android?

Question

please click here to view the picture

Das obige Bild ist ein Screenshot von SYMPTOMATE App genommen. Ich möchte eine Aktivität mit Registerkarten erstellen, wie in diesem Bild gezeigt. Wenn die Tabs gezogen werden, wird jeder Kreis entsprechend hervorgehoben. Bitte schlagen Sie eine Möglichkeit vor, Tab-Indikatoren anzupassen.

Answer 1

Für Ihre benutzerdefinierte TabLayout müssen Sie benutzerdefinierte Ressourcen schreiben. Insbesondere benötigen Sie diese Zeichen.

1. Tab Indikator Standardzustand (indicator_default.xml)

   <?xml version="1.0" encoding="utf-8"?> 
   <layer-list xmlns:android="http://schemas.android.com/apk/res/android"> 
   <item> 
       <shape 
        android:innerRadius="0dp" 
        android:shape="ring" 
        android:thickness="5dp" 
        android:useLevel="false"> 
        <solid android:color="@android:color/darker_gray"/> 
       </shape> 
   

2. Tab Indikator ausgewählten Zustand (indicator_selected.xml)

   <?xml version="1.0" encoding="utf-8"?> 
   <layer-list xmlns:android="http://schemas.android.com/apk/res/android"> 
   <item> 
       <shape 
        android:innerRadius="0dp" 
        android:shape="ring" 
        android:thickness="8dp" 
        android:useLevel="false"> 
        <solid android:color="@color/colorPrimary"/> 
       </shape> 
   </item> 
   

3. Tab Anzeige Wähler (indicator_selector.xml)

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

Schließlich sollten Sie Ihre TablLayout in Ihrem Layout definieren Sie die Registerkarte Hintergrund wie unten

<android.support.design.widget.TabLayout 
    android:id="@+id/tablayout" 
    android:layout_width="match_parent" 
    android:layout_height=" 
    app:tabBackground="@drawable/tab_selector" 
    app:tabGravity="center"/> 

hinzufügen