Supprimer BottomNavigationView étiquettes

Google a publié la nouvelle bibliothèque de prise en charge v25 avec BottomNavigationView

est-il possible de supprimer des éléments d'étiquettes ?

Avez-vous essayez de supprimer le titles à partir du menu <item>s?
Après le retrait de titres il y a un rembourrage supplémentaire icônes ci-dessous. L'ajout de layout_marginBottom="-16dp" supprimer ce rembourrage, mais fera tous les afficher en plus petit.
Vous pouvez au lieu de définir la marge, ensemble personnalisé de hauteur et ajouter un peu de rembourrage supplémentaire pour le haut. De cette façon, vous pouvez centrer les icônes.
Je viens de fixe comme ceci: android:paddingTop="8dp" android:layout_marginBottom="-8dp" Cela empêche la barre de plus en plus petits

OriginalL'auteur Ali Zarei | 2016-10-21

40

J'espère que je ne suis pas trop en retard à la fête ici.

Mais aussi de Support à la Conception de la Bibliothèque 28.0.0-alpha1
vous pouvez utiliser la propriété
```
app:labelVisibilityMode="unlabeled"
```
vous pouvez utiliser d'autres valeurs "auto", "marqué" et "sélectionné".

qui bibliothèque de prise en charge? v7 ou de conception?
aide à la conception de la bibliothèque 28.0.0
la plupart en attente de fonctionnalité.

OriginalL'auteur Abdul-Aziz-Niazi
19

Voudriez-vous ce style ?

Si si, je vous recommande d'essayer BottomNavigationViewEx.

le meilleur de la bibliothèque pour en bas du menu. merci.. son bon travail.
Je n'aime pas cette bibliothèque. il fait de la position de l'icône a changé lorsque l'utilisateur clique dessus et aucun moyen de faire la position de l'icône fixe lorsque l'utilisateur clique dessus.

OriginalL'auteur ittianyu

Malheureusement, cette première version de BottomNavigationView est venu avec beaucoup de limitations. Et pour l'instant vous ne pouvez pas supprimer les titres à l'aide de la conception de l'appui de l'API. Donc pour résoudre cette limitation alors que google n'a pas la mettre en œuvre, vous pouvez le faire (par réflexion):

1. Définir les titres vides de bottom_navigation_menu.xml fichier.

2. Étend la 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. Ajouter à la layout.xml cette customView

Pour plus de détails, j'ai mis en œuvre ce sur Github

Il va travailler sur des api de plus bas que 21?
Pas besoin d'utiliser la réflexion, vous pouvez obtenir chaque BottomNavigationItemView en appelant findViewById() avec les éléments de menu id (tout comme @NikolaDespotoski fait dans le réponse).

OriginalL'auteur Sanf0rd

1. Ensemble android:title=""; dans menu/abc.xml

2. Créer le dessous de la classe helper qui est l'utilisation de la réflexion

import android.support.design.internal.BottomNavigationMenuView;
import android.support.design.widget.BottomNavigationView;
import android.support.v7.widget.AppCompatImageView;
import android.util.Log;
import android.view.Gravity;
import android.widget.FrameLayout;
import java.lang.reflect.Field;
public class BottomNavigationViewHelper {
public static void disableShiftMode(BottomNavigationView view) {
BottomNavigationMenuView menuView = (BottomNavigationMenuView) view.getChildAt(0);
try {
Field shiftingMode = menuView.getClass().getDeclaredField("mShiftingMode");
shiftingMode.setAccessible(true);
shiftingMode.setBoolean(menuView, false);
shiftingMode.setAccessible(false);
for (int i = 0; i < menuView.getChildCount(); i++) {
BottomNavigationItemView item = (BottomNavigationItemView) menuView.getChildAt(i);
//noinspection RestrictedApi
item.setShiftingMode(false);
item.setPadding(0, 15, 0, 0);
//set once again checked value, so view will be updated
//noinspection RestrictedApi
item.setChecked(item.getItemData().isChecked());
}
} catch (NoSuchFieldException e) {
Log.e("BNVHelper", "Unable to get shift mode field", e);
} catch (IllegalAccessException e) {
Log.e("BNVHelper", "Unable to change value of shift mode", e);
}
}
}

3. Dans votre activité principale, ajoutez ces lignes:

mBottomNav = (BottomNavigationView) findViewById(R.id.navigation);
BottomNavigationViewHelper.disableShiftMode(mBottomNav);

OriginalL'auteur

Reflectionless approche:

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());
}
}

Comment faire si je veux supprimer l'icône à la place du texte
Comment puis-je utiliser ce code ?
Comment puis-je appeler cela l'activité principale où le défaut BottomNavigation code existe déjà? @NikolaDespotoski
juste faire de la méthode statique et de la déplacer à un autre de la classe. Ou garder privé et de l'appeler avec les arguments spécifiés.
Excusez-moi, mais comment pourrais-je l'insérer dans mon code?prntscr.com/he03j7 @NikolaDespotoski

OriginalL'auteur Nikola Despotoski

3

C'est une solution temporaire. Juste ajouter: app:itemTextColor="@android:color/transparent" Qui vais le faire quelle que soit la couleur d'arrière-plan est, apparaissant désactivé. Il est l'icône rechercher élevée.

OriginalL'auteur liveneato

Je voulais supprimer à la fois la maj de l'animation et les étiquettes, et qu'aucune des solutions ici a bien fonctionné pour moi, donc voici celui que j'ai construit basé sur tout ce que j'ai appris ici:

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;
}

Il suffit d'ajouter cette méthode à votre custom BottomNavigationView et de l'appeler en passant l'id des éléments de menu.

OriginalL'auteur Fred Porciúncula

Je le recommande à mettre en œuvre par vous-même en tant que sanf0rd a donné, dans sa réponse. Mais AppCompatImageView ne fonctionne pas pour moi. Je l'ai changé pour ImageView. Et changé getChildAt à findViewById.

Aussi je cache toutes les étiquettes des articles non sélectionnés.

private void centerMenuIcon() {
BottomNavigationMenuView menuView = getBottomMenuView();
if (menuView != null) {
for (int i = 0; i < menuView.getChildCount(); i++) {
BottomNavigationItemView menuItemView = (BottomNavigationItemView) menuView.getChildAt(i);
TextView smallText = (TextView) menuItemView.findViewById(R.id.smallLabel);
smallText.setVisibility(View.INVISIBLE);
//TextView largeText = (TextView) menuItemView.findViewById(R.id.largeLabel);
ImageView icon = (ImageView) menuItemView.findViewById(R.id.icon);
FrameLayout.LayoutParams params = (LayoutParams) icon.getLayoutParams();
params.gravity = Gravity.CENTER;
menuItemView.setShiftingMode(true);
}
}
}

OriginalL'auteur Mikolasan

Vous devez vous connecter pour publier un commentaire.