Search code examples
androidnotificationsiconsandroid-actionbaractionbarsherlock

Actionbar notification count icon (badge) like Google has


Is there a android standard badge or method to show action bar notification icon with a count like on Google examples?

count 3 on picture

If not, then what is the best way to make it?
I'm new to android, please help.


Solution

  • I am not sure if this is the best solution or not, but it is what I need.

    Please tell me if you know what is need to be changed for better performance or quality. In my case, I have a button.

    Custom item on my menu - main.xml

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

    Custom shape drawable (background square) - 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"/>
    </shape>
    

    Layout for my view - 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 - setting and updating my view

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