Entfernen BottomNavigationView Etiketten

Ich hoffe ich bin nicht zu spät zur party hier.

Aber als Unterstützung von Design-Bibliothek 28.0.0-alpha1
Sie können die Eigenschaft

app:labelVisibilityMode="unlabeled"

können Sie andere Werte "auto", "beschriftet" und "ausgewählt".

InformationsquelleAutor der Antwort Abdul-Aziz-Niazi

Leider ist diese erste version von BottomNavigationView kam mit einer Menge von Einschränkungen. Und für jetzt, die Sie nicht entfernen können die Titel nur über das support-design-API. So lösen diese Beschränkung während google nicht umsetzen, die Sie tun können (mit Reflexion):

1. Legen Sie den Titel leer aus bottom_navigation_menu.xml Datei.

2. Erstreckt sich die BottomNavigationView:

    public class MyBottomNavigationView extends BottomNavigationView {

      public MyBottomNavigationView(Context context, AttributeSet attrs) {
          super(context, attrs);
          centerMenuIcon();
      }

      private void centerMenuIcon() {
          BottomNavigationMenuView menuView = getBottomMenuView();

          if (menuView != null) {
              for (int i = 0; i < menuView.getChildCount(); i++) {
                BottomNavigationItemView menuItemView = (BottomNavigationItemView) menuView.getChildAt(i);

                AppCompatImageView icon = (AppCompatImageView) menuItemView.getChildAt(0);

                FrameLayout.LayoutParams params = (LayoutParams) icon.getLayoutParams();
                params.gravity = Gravity.CENTER;

                menuItemView.setShiftingMode(true);
              }
          }
      }

      private BottomNavigationMenuView getBottomMenuView() {
          Object menuView = null;
          try {
              Field field = BottomNavigationView.class.getDeclaredField("mMenuView");
              field.setAccessible(true);
              menuView = field.get(this);
          } catch (NoSuchFieldException | IllegalAccessException e) {
              e.printStackTrace();
          }

          return (BottomNavigationMenuView) menuView;
      }
    }

3. Hinzufügen layout.xml diese customView

Weitere details habe ich umgesetzt auf Github

InformationsquelleAutor der Antwort Sanf0rd

Reflectionless Ansatz:

private void removeTextLabel(@NonNull BottomNavigationView bottomNavigationView, @IdRes int menuItemId) {
    View view = bottomNavigationView.findViewById(menuItemId);
    if (view == null) return;
    if (view instanceof MenuView.ItemView) {
        ViewGroup viewGroup = (ViewGroup) view;
        int padding = 0;
        for (int i = 0; i < viewGroup.getChildCount(); i++) {
            View v = viewGroup.getChildAt(i);
            if (v instanceof ViewGroup) {
                padding = v.getHeight();
                viewGroup.removeViewAt(i);
            }
        }
        viewGroup.setPadding(view.getPaddingLeft(), (viewGroup.getPaddingTop() + padding) / 2, view.getPaddingRight(), view.getPaddingBottom());
    }
}

InformationsquelleAutor der Antwort Nikola Despotoski

Wollte ich entfernen sowohl die shift animation und die Beschriftungen und keine der Lösungen hier, die gut für mich gearbeitet, also hier ist die, die ich gebaut basierend auf alles, was ich hier gelernt:

public void removeLabels(@IdRes int... menuItemIds) {
    getViewTreeObserver().addOnPreDrawListener(new ViewTreeObserver.OnPreDrawListener() {
        @Override public boolean onPreDraw() {
            getViewTreeObserver().removeOnPreDrawListener(this);

            //this only needs to be calculated once for an unchecked item, it'll be the same value for all items
            ViewGroup uncheckedItem = findFirstUncheckedItem(menuItemIds);
            View icon = uncheckedItem.getChildAt(0);
            int iconTopMargin = ((LayoutParams) uncheckedItem.getChildAt(0).getLayoutParams()).topMargin;
            int desiredTopMargin = (uncheckedItem.getHeight() - uncheckedItem.getChildAt(0).getHeight()) / 2;
            int itemTopPadding = desiredTopMargin - iconTopMargin;

            for (int id : menuItemIds) {
                ViewGroup item = findViewById(id);
                //remove the label
                item.removeViewAt(1);
                //and then center the icon
                item.setPadding(item.getPaddingLeft(), itemTopPadding, item.getPaddingRight(),
                        item.getPaddingBottom());
            }

            return true;
        }
    });
}

@SuppressLint("RestrictedApi")
private ViewGroup findFirstUncheckedItem(@IdRes int... menuItemIds) {
    BottomNavigationItemView item = findViewById(menuItemIds[0]);
    int i = 1;
    while (item.getItemData().isChecked()) {
        item = findViewById(menuItemIds[i++]);
    }
    return item;
}

Fügen Sie einfach diese Methode, um Ihre benutzerdefinierten BottomNavigationView und nennen Sie es vorbei die ids der Menüpunkte.

InformationsquelleAutor der Antwort Thiago Porciúncula