Actionbar compter de la notification de l'icône (badge) à l'instar de Google a

Modifier Depuis la version 26 de la bibliothèque de prise en charge (ou androidx) vous n'avez plus besoin de mettre en œuvre une coutume OnLongClickListener pour afficher l'info-bulle. Appelez simplement ceci:

TooltipCompat.setTooltipText(menu_hotlist, getString(R.string.hint_show_hot_message));

Je vais partager mon code au cas où quelqu'un veut quelque chose comme ceci:

• layout/menu/menu_actionbar.xml

  <?xml version="1.0" encoding="utf-8"?>
  
  <menu xmlns:android="http://schemas.android.com/apk/res/android">
      ...
      <item android:id="@+id/menu_hotlist"
          android:actionLayout="@layout/action_bar_notifitcation_icon"
          android:showAsAction="always"
          android:icon="@drawable/ic_bell"
          android:title="@string/hotlist" />
      ...
  </menu>

• layout/action_bar_notifitcation_icon.xml

  Note style et android:cliquables propriétés. ces faire la mise en page de la taille d'un bouton et de rendre l'arrière-plan gris quand on le touche.

  <?xml version="1.0" encoding="utf-8"?>
  <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
      android:layout_width="wrap_content"
      android:layout_height="fill_parent"
      android:orientation="vertical"
      android:gravity="center"
      android:layout_gravity="center"
      android:clickable="true"
      style="@android:style/Widget.ActionButton">
  
      <ImageView
          android:id="@+id/hotlist_bell"
          android:src="@drawable/ic_bell"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:gravity="center"
          android:layout_margin="0dp"
          android:contentDescription="bell"
          />
  
      <TextView xmlns:android="http://schemas.android.com/apk/res/android"
          android:id="@+id/hotlist_hot"
          android:layout_width="wrap_content"
          android:minWidth="17sp"
          android:textSize="12sp"
          android:textColor="#ffffffff"
          android:layout_height="wrap_content"
          android:gravity="center"
          android:text="@null"
          android:layout_alignTop="@id/hotlist_bell"
          android:layout_alignRight="@id/hotlist_bell"
          android:layout_marginRight="0dp"
          android:layout_marginTop="3dp"
          android:paddingBottom="1dp"
          android:paddingRight="4dp"
          android:paddingLeft="4dp"
          android:background="@drawable/rounded_square"/>
  </RelativeLayout>

• drawable-xhdpi/ic_bell.png

  Un de 64x64 pixels de l'image avec 10 pixel de large, les rembourrages de tous les côtés. Vous êtes censé avoir 8 pixels de large paddings, mais je trouve que la plupart des éléments par défaut étant légèrement plus petite. Bien sûr, vous aurez envie d'utiliser des tailles différentes pour différentes densités.

• drawable/rounded_square.xml

  Ici, #ff222222 (couleur #222222 avec alpha #ff (bien visible)) est la couleur de fond de ma Barre d'Action.

  <?xml version="1.0" encoding="utf-8"?>
  
  <shape
      xmlns:android="http://schemas.android.com/apk/res/android"
      android:shape="rectangle">
      <corners android:radius="2dp" />
      <solid android:color="#ffff0000" />
      <stroke android:color="#ff222222" android:width="2dp"/>
  </shape>

• com/ubergeek42/WeechatAndroid/WeechatActivity.java

  Ici, nous rendre cliquable et pouvant être mis à jour! J'ai créé un résumé auditeur qui fournit Toast création sur onLongClick, le code a été prise à partir de les sources de ActionBarSherlock.

  private int hot_number = 0;
  private TextView ui_hot = null;
  @Override public boolean onCreateOptionsMenu(final Menu menu) {
  MenuInflater menuInflater = getSupportMenuInflater();
  menuInflater.inflate(R.menu.menu_actionbar, menu);
  final View menu_hotlist = menu.findItem(R.id.menu_hotlist).getActionView();
  ui_hot = (TextView) menu_hotlist.findViewById(R.id.hotlist_hot);
  updateHotCount(hot_number);
  new MyMenuItemStuffListener(menu_hotlist, "Show hot message") {
  @Override
  public void onClick(View v) {
  onHotlistSelected();
  }
  };
  return super.onCreateOptionsMenu(menu);
  }
  //call the updating code on the main thread,
  //so we can call this asynchronously
  public void updateHotCount(final int new_hot_number) {
  hot_number = new_hot_number;
  if (ui_hot == null) return;
  runOnUiThread(new Runnable() {
  @Override
  public void run() {
  if (new_hot_number == 0)
  ui_hot.setVisibility(View.INVISIBLE);
  else {
  ui_hot.setVisibility(View.VISIBLE);
  ui_hot.setText(Integer.toString(new_hot_number));
  }
  }
  });
  }
  static abstract class MyMenuItemStuffListener implements View.OnClickListener, View.OnLongClickListener {
  private String hint;
  private View view;
  MyMenuItemStuffListener(View view, String hint) {
  this.view = view;
  this.hint = hint;
  view.setOnClickListener(this);
  view.setOnLongClickListener(this);
  }
  @Override abstract public void onClick(View v);
  @Override public boolean onLongClick(View v) {
  final int[] screenPos = new int[2];
  final Rect displayFrame = new Rect();
  view.getLocationOnScreen(screenPos);
  view.getWindowVisibleDisplayFrame(displayFrame);
  final Context context = view.getContext();
  final int width = view.getWidth();
  final int height = view.getHeight();
  final int midy = screenPos[1] + height / 2;
  final int screenWidth = context.getResources().getDisplayMetrics().widthPixels;
  Toast cheatSheet = Toast.makeText(context, hint, Toast.LENGTH_SHORT);
  if (midy < displayFrame.height()) {
  cheatSheet.setGravity(Gravity.TOP | Gravity.RIGHT,
  screenWidth - screenPos[0] - width / 2, height);
  } else {
  cheatSheet.setGravity(Gravity.BOTTOM | Gravity.CENTER_HORIZONTAL, 0, height);
  }
  cheatSheet.show();
  return true;
  }
  }

Je n'aime pas ActionView solutions
mon idée est la suivante:

1. créer une mise en page avec TextView, que TextView sera remplie par
   application

2. lorsque vous avez besoin de tirer un MenuItem:

   2.1. gonfler disposition

   2.2. appel measure() & layout() (sinon view sera 0px x 0px, c'est trop petit pour la plupart des cas d'utilisation)

   2.3. définir la TextViewtexte de

   2.4. faire "capture d'écran" de la vue

   2.6. ensemble MenuItems'icône bitmap créé sur 2,4

3. profit!

donc, le résultat doit être quelque chose comme

1. créer la mise en page
   voici un exemple simple

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/counterPanel"
android:layout_width="32dp"
android:layout_height="32dp"
android:background="@drawable/ic_menu_gallery">
<RelativeLayout
android:id="@+id/counterValuePanel"
android:layout_width="wrap_content"
android:layout_height="wrap_content" >
<ImageView
android:id="@+id/counterBackground"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@drawable/unread_background" />
<TextView
android:id="@+id/count"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="1"
android:textSize="8sp"
android:layout_centerInParent="true"
android:textColor="#FFFFFF" />
</RelativeLayout>
</FrameLayout>

@drawable/unread_background est que le vert TextViews'arrière-plan,
@drawable/ic_menu_gallery n'est pas vraiment nécessaire ici, c'est juste pour mise en page aperçu du résultat dans l'IDE.

1. ajouter du code dans onCreateOptionsMenu/onPrepareOptionsMenu

   @Override
   public boolean onCreateOptionsMenu(Menu menu) {
   getMenuInflater().inflate(R.menu.menu_main, menu);
   MenuItem menuItem = menu.findItem(R.id.testAction);
   menuItem.setIcon(buildCounterDrawable(count, R.drawable.ic_menu_gallery));
   return true;
   }

2. Mettre en œuvre l'accumulation de l'icône de la méthode:

   private Drawable buildCounterDrawable(int count, int backgroundImageId) {
   LayoutInflater inflater = LayoutInflater.from(this);
   View view = inflater.inflate(R.layout.counter_menuitem_layout, null);
   view.setBackgroundResource(backgroundImageId);
   if (count == 0) {
   View counterTextPanel = view.findViewById(R.id.counterValuePanel);
   counterTextPanel.setVisibility(View.GONE);
   } else {
   TextView textView = (TextView) view.findViewById(R.id.count);
   textView.setText("" + count);
   }
   view.measure(
   View.MeasureSpec.makeMeasureSpec(0, View.MeasureSpec.UNSPECIFIED),
   View.MeasureSpec.makeMeasureSpec(0, View.MeasureSpec.UNSPECIFIED));
   view.layout(0, 0, view.getMeasuredWidth(), view.getMeasuredHeight());
   view.setDrawingCacheEnabled(true);
   view.setDrawingCacheQuality(View.DRAWING_CACHE_QUALITY_HIGH);
   Bitmap bitmap = Bitmap.createBitmap(view.getDrawingCache());
   view.setDrawingCacheEnabled(false);
   return new BitmapDrawable(getResources(), bitmap);
   }

Le code complet est ici: https://github.com/cvoronin/ActionBarMenuItemCounter

Essayer de regarder les réponses à ces questions, en particulier le second qui a un exemple de code:

Comment mettre en œuvre des valeurs dynamiques sur l'élément de menu dans Android

Comment obtenir un texte sur une ActionBar Icône?

De ce que je vois, Vous aurez besoin pour créer votre propre personnalisé ActionView mise en œuvre. Une alternative pourrait être une coutume Drawable. Note qu'il semble y avoir aucun natif de la mise en œuvre d'une notification à compter de la Barre d'Action.

EDIT: La réponse que vous recherchez, avec le code: Personnalisée D'Affichage D'Une Notification avec exemple de mise en œuvre

J'ai trouvé une très bonne solution ici, je l'utilise avec kotlin.

Tout d'abord, dans le dossier drawable vous devez créer item_count.xml:

<?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<corners android:radius="8dp" />
<solid android:color="#f20000" />
<stroke
android:width="2dip"
android:color="#FFF" />
<padding
android:bottom="5dp"
android:left="5dp"
android:right="5dp"
android:top="5dp" />
</shape>

Dans votre Activity_Main Disposition de certains l'aiment:

<RelativeLayout
android:id="@+id/badgeLayout"
android:layout_width="40dp"
android:layout_height="40dp"
android:layout_toRightOf="@+id/badge_layout1"
android:layout_gravity="end|center_vertical"
android:layout_marginEnd="5dp">
<RelativeLayout
android:id="@+id/relative_layout1"
android:layout_width="wrap_content"
android:layout_height="wrap_content">
<Button
android:id="@+id/btnBadge"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@mipmap/ic_notification" />
</RelativeLayout>
<TextView
android:id="@+id/txtBadge"
android:layout_width="18dp"
android:layout_height="18dp"
android:layout_alignRight="@id/relative_layout1"
android:background="@drawable/item_count"
android:text="22"
android:textColor="#FFF"
android:textSize="7sp"
android:textStyle="bold"
android:gravity="center"/>
</RelativeLayout>

Et vous pouvez le modifier comme:

btnBadge.setOnClickListener { view ->
Snackbar.make(view,"badge click", Snackbar.LENGTH_LONG) .setAction("Action", null).show()
txtBadge.text = "0"
}