Actionbar compter de la notification de l'icône comme Google ont

Question

Est-il un android-standart icône ou une méthode pour montrer l'action de la barre de notification icône avec le comte comme sur Google des exemples?

Si non, que ce est la meilleure façon de faire?

Je suis nouveau sur android, s'il vous plaît aider.

Answer 1

je ne suis pas sûr que c'est la meilleure solution ou pas, mais ce que j'ai besoin. Veuillez me dire si vous savez ce qui est nécessaire pour être modifié pour une meilleure performance ou de qualité. dans mon cas j'ai du bouton. élément personnalisé sur mon menu main.xml

<item
        android:id="@+id/badge"
        android:actionLayout="@layout/feed_update_count"
        android:icon="@drawable/shape_notification"
        android:showAsAction="always">
</item>

forme personnalisée drawable (carré à fond) - shape_notification.xml

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

mise en page de mon point de vue - feed_update_count.xml

<?xml version="1.0" encoding="utf-8"?>
<Button xmlns:android="http://schemas.android.com/apk/res/android"
          android:id="@+id/notif_count"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:minWidth="32dp"
          android:minHeight="32dp"
          android:background="@drawable/shape_notification"
          android:text="0"
          android:textSize="16sp"
          android:textColor="@android:color/white"
          android:gravity="center"
          android:padding="2dp"
          android:singleLine="true">    
</Button>

MainActivity établissement et la mise à jour de mon point de vue

static Button notifCount;
static int mNotifCount = 0;    

@Override
public boolean onCreateOptionsMenu(Menu menu) {
    MenuInflater inflater = getSupportMenuInflater();
    inflater.inflate(R.menu.main, menu);

    View count = menu.findItem(R.id.badge).getActionView();
    notifCount = (Button) count.findViewById(R.id.notif_count);
    notifCount.setText(String.valueOf(mNotifCount));
    return super.onCreateOptionsMenu(menu);
}

private void setNotifCount(int count){
    mNotifCount = count;
    invalidateOptionsMenu();
}

Answer 2

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

Answer 3

Juste pour ajouter. Si quelqu'un veut mettre en œuvre un cercle rempli de bulles, voici le code:

<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="ring"
    android:useLevel="false"
    android:thickness="9dp"
    android:innerRadius="0dp"
    >

    <solid
        android:color="#F00"
        />
    <stroke
        android:width="1dip"
        android:color="#FFF" />

    <padding
        android:top="2dp"
        android:bottom="2dp"/>

</shape>

Vous pourriez avoir à ajuster l'épaisseur en fonction de votre besoin.

Answer 4

Ok, pour @AndrewS solution pour travailler avec v7 appCompat de la bibliothèque:

<menu 
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:someNamespace="http://schemas.android.com/apk/res-auto" >

    <item
        android:id="@+id/saved_badge"
        someNamespace:showAsAction="always"
        android:icon="@drawable/shape_notification" />

</menu>

.

@Override
public void onCreateOptionsMenu(Menu menu, MenuInflater inflater) {
    super.onCreateOptionsMenu(menu, inflater);
    menu.clear();
    inflater.inflate(R.menu.main, menu);

    MenuItem item = menu.findItem(R.id.saved_badge);
    MenuItemCompat.setActionView(item, R.layout.feed_update_count);
    View view = MenuItemCompat.getActionView(item);
    notifCount = (Button)view.findViewById(R.id.notif_count);
    notifCount.setText(String.valueOf(mNotifCount));
}

private void setNotifCount(int count){
    mNotifCount = count;
    supportInvalidateOptionsMenu();
}

Le reste du code est le même.

Answer 5

Essayez 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 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é Affichage d'une Notification auprès de l'échantillon de mise en œuvre