Ändern TabLayout Symbole auf der linken Seite, oben, rechts oder unten im com.android.Unterstützung:design:23.1.0

Ich bin ziemlich neu in android-Entwicklung. So mit mir tragen.

Ich versucht habe zu richten Sie das Symbol und der text in der gleichen Zeile in com.android.Unterstützung:design:23.1.0 für einen Tag.

Offenbar in com.android.Unterstützung:design:23.1.0 Sie haben sich geändert, die Standard-icon-position nach oben und text unten.

Zuvor in com.android.Unterstützung:design:23.0.1 der Standard war das Symbol auf der linken Seite und text in der gleichen Zeile wie das Symbol

Hier also ein einfach Weg, um es zu lösen (obwohl es könnte Nachteile haben, idk tbh):

change the version in your app's build.gradle. ex: 23.1.0 to 23.0.1 and build.

Und es gibt einen besseren Weg, es zu tun (auf diese Weise können Sie auch richten Sie die Symbole auf der linken Seite,rechts,oben,unten):

  1. erstellen Sie eine custom_tab.xml in res/layout
<TextView xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/tab"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:textAlignment="center"/>

2. in Ihrer Tätigkeit java -

TextView newTab = (TextView) LayoutInflater.from(this).inflate(R.layout.custom_tab, null);
newTab.setText("tab1"); //tab label txt
newTab.setCompoundDrawablesWithIntrinsicBounds(your_drawable_icon_here, 0, 0, 0);
tabLayout.getTabAt(tab_index_here_).setCustomView(newTab);

Bisher habe ich geschafft, dass die Symbole erscheinen auf einer Seite wie dieser:

Ändern TabLayout Symbole auf der linken Seite, oben, rechts oder unten im com.android.Unterstützung:design:23.1.0

PS: setCompoundDrawablesWithIntrinsicbounds Funktion Argumente sind 4-Seite Symbole wie diese: 

setCompoundDrawablesWithIntrinsicBounds(leftDrawable, topDrawable, rightDrawable, bottomDrawable)
InformationsquelleAutor Atu | 2015-11-17
  1. 6

    Danke Atu für diesen guten Tipp!

    In meinem Fall, muss ich hinzufügen ein lineares layout zu zentrieren tablayout Titel. Außerdem habe ich ein paar Leerzeichen um die Marge zwischen dem Symbol und dem text.

    custom_tab.xml:

    <?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:gravity="center">
    <TextView
        android:id="@+id/tabContent"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:textAlignment="center"
        android:textColor="@android:color/white"
        android:gravity="center"/>
</LinearLayout>

    Initialisierungs-code:

    LinearLayout tabLinearLayout = (LinearLayout) LayoutInflater.from(this).inflate(R.layout.custom_tab, null);
TextView tabContent = (TextView) tabLinearLayout.findViewById(R.id.tabContent);
tabContent.setText("  "+getApplicationContext().getResources().getString(tabTitles[i]));
tabContent.setCompoundDrawablesWithIntrinsicBounds(tabIcons[i], 0, 0, 0);
mTabLayout.getTabAt(i).setCustomView(tabContent);
    InformationsquelleAutor quent
  2. 11

    Habe ich genau die Lösung, die Sie Jungs wollen.

    <android.support.design.widget.TabLayout
    android:id="@+id/tabLayout"
    android:layout_width="0dp"
    android:layout_height="wrap_content"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintStart_toStartOf="parent"
    app:tabInlineLabel="true"
    app:tabPaddingStart="@dimen/default_10dp">

    Mit unter-Eigenschaft können Sie erreichen Wunsch Ergebnis.

    app:tabInlineLabel="true"

    • tbh, die ich nicht geöffnet habe android studio in den Jahren jetzt. Ich bin nicht in der Lage zu reproduzieren, die für das Ziel:23* jetzt. Ich werde sehen, ob andere bestätigen können, Ihre Antwort 🙂
    • Falls der Entwickler will zeigen, dass der text rechts-Symbol, die Zeit wir können diese Eigenschaft verwenden, der TabLayout.
    InformationsquelleAutor Mayuresh Deshmukh
  3. 1

    Verwenden Sie die gleichen xml-code gegeben durch @juzamn und fügen Sie einfach dieses kleine Anpassungen, um eine Schleife für die gesamte Registerkarte

    for (int i = 0; i < tabLayout.getTabCount(); i++ ) {
 yourlinearlayout = (LinearLayout) LayoutInflater.from(getContext()).inflate(R.layout.title_text, null);
 tab_text = (TextView) yourlinearlayout.findViewById(R.id.tabContent);
        tab_text.setText("  " + tab_titles[i]);
 tab_text.setCompoundDrawablesWithIntrinsicBounds(tabicons[i], 0, 0, 0);
    tabLayout.getTabAt(i).setCustomView(tab_text);}
    InformationsquelleAutor XY-JOE
  4. 1

    Eigentlich fand ich es eine elegantere Möglichkeit (IMO), um dies zu tun, ohne selbst mithilfe von benutzerdefinierten layouts, und nur mit dem aktuellen Standard-layout für tablayouts. Jede Registerkarte ein layout-Element ist in der Tat ein Vertikales LinearLayout, die mit dem 1. Element einer Bildansicht, und der Punkt 2 die TextView.

    Also die Methode besteht in der Veränderung der Registerkarte LinearLayout orientation auf Horizontal. Danach ist das Symbol positioniert auf der linken Seite. Nun, wenn Sie wollen, positionieren Sie es auf der rechten Seite, können Sie entfernen Sie die Bildansicht (das ist das 1. Element) und fügen Sie es dem LinearLayout, wird es als letztes element angefügt, so dass sich am Ende der TextView, aber Sie haben zu spielen, um mit der layout-Parameter um, um es anzuzeigen abgestimmt und richtig dimensioniert.

    Also anstelle von re-hinzufügen der Bildansicht am Ende des LinearLayout, können Sie fügen Sie einfach den drawable als Verbindung drawable auf die TextView. fügen Sie ein wenig Polsterung um es, und voila.

    LinearLayout tabItemLayout = (LinearLayout)((LinearLayout)tabLayout.getChildAt(0)).getChildAt(tabIndex);
tabItemLayout.setOrientation(LinearLayout.HORIZONTAL);
ImageView iconView = (ImageView) tabItemLayout.getChildAt(0);
TextView textView = (TextView) tabItemLayout.getChildAt(1);
//remove the icon view
tabItemLayout.removeView(iconView);
//add the icon as compound drawable
textView.setCompoundDrawablesWithIntrinsicBounds(null, null, iconView.getDrawable(), null);
//set some padding
float DP = Resources.getSystem().getDisplayMetrics().density;
int padding = (int)(10 * DP);
textView.setCompoundDrawablePadding(padding);

    Mit dieser Methode, die wir nicht brauchen, einen benutzerdefinierten layout und brauchen nicht aufgeblasen nichts, wir haben nur die Wiederverwendung der vorhandenen Ansichten.

    • tbh ich konnte nicht sagen, welcher besser ist, ich persönlich möchte vermeiden, Magische zahlen, aber zur gleichen Zeit ich mag die Idee, nicht das aufblasen und wieder verwenden.
    • die magic numbers sind hier: der Abstand zwischen icon und text, die Sie eingestellt werden muss sowieso, wenn Sie erstellen Sie eine benutzerdefinierte layout wird der index von der Aussicht auf (textview und Bildansicht) in der Registerkarte Element. aber ich Stimme zu, jedem das seine eigenen Geschmack, um nicht zu sagen einer ist besser als der andere.
    InformationsquelleAutor Raphael C
Schreibe einen Kommentar