title: Android - How to add Notification Counter on the right above of ImageView
body: <p>I want to have an app with similar notification counter on the right side of the Imageview: here is the photo of my layout: </p>
  
  <p><a href="https://i.stack.imgur.com/kkhDs.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/kkhDs.png" alt="MyPhoto.png"></a></p>
  
  <p>I want to have such Notification Counter:</p>
  
  <p><a href="https://i.stack.imgur.com/V8o0P.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/V8o0P.png" alt="OriginalApp.png"></a></p>
  
  <p>Here is my activity_menu layout:</p>
  
  <pre><code> &lt;?xml version="1.0" encoding="utf-8"?&gt;
  &lt;LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
      xmlns:app="http://schemas.android.com/apk/res-auto"
      xmlns:tools="http://schemas.android.com/tools"
      android:id="@+id/container"
      android:layout_width="match_parent"
      android:layout_height="match_parent"
      android:orientation="vertical"
      tools:context="datasite.com.konnex.Menu"
      android:background="#ffffff"&gt;
  
      &lt;android.support.v7.widget.Toolbar
          android:layout_width="match_parent"
          android:layout_height="wrap_content"
          android:background="#3fc0ea"&gt;
  
          &lt;ImageButton
              android:layout_width="120dp"
              android:layout_height="38dp"
              android:background="@drawable/lg1"
              android:layout_marginLeft="130dp" /&gt;
  
          &lt;SearchView
              android:layout_width="match_parent"
              android:layout_height="wrap_content"
              android:layout_marginLeft="90dp"/&gt;
      &lt;/android.support.v7.widget.Toolbar&gt;
  
      &lt;FrameLayout
          android:id="@+id/content"
          android:layout_width="match_parent"
          android:layout_height="0dp"
          android:layout_weight="1"&gt;
  
        &lt;GridLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:columnCount="2"&gt;
           &lt;ImageView
               android:layout_width="90dp"
               android:layout_height="90dp"
               android:src="@drawable/cases"
               android:layout_marginLeft="60dp"
               android:layout_marginTop="40dp"
               android:id="@+id/img_cases"/&gt;
            &lt;ImageView
                android:layout_width="90dp"
                android:layout_height="90dp"
                android:src="@drawable/invoices"
                android:layout_marginLeft="80dp"
                android:layout_marginTop="40dp" /&gt;
  
            &lt;ImageView
                android:layout_width="90dp"
                android:layout_height="90dp"
                android:src="@drawable/announcement"
                android:layout_marginLeft="60dp"
                android:layout_marginTop="40dp" /&gt;
            &lt;ImageView
                android:layout_width="90dp"
                android:layout_height="90dp"
                android:src="@drawable/users"
                android:layout_marginTop="40dp"
                android:layout_marginLeft="80dp"/&gt;
            &lt;ImageView
                 android:layout_width="90dp"
                 android:layout_height="90dp"
                 android:src="@drawable/document"
                android:layout_marginTop="60dp"
                android:layout_marginLeft="60dp" /&gt;
            &lt;ImageView
                android:layout_width="90dp"
                android:layout_height="90dp"
                android:src="@drawable/meetings"
                android:layout_marginTop="60dp"
                android:layout_marginLeft="80dp"/&gt;
  
        &lt;/GridLayout&gt;
      &lt;/FrameLayout&gt;
  
      &lt;android.support.design.widget.BottomNavigationView
          android:id="@+id/navigation"
          android:layout_width="match_parent"
          android:layout_height="wrap_content"
          android:background="#fffafa"
          app:menu="@menu/navigation"
          app:itemIconTint="@color/dark"
          app:itemTextColor="@color/dark" /&gt;
  
  &lt;/LinearLayout&gt;
  </code></pre>
  
  <p>Here is my menu.java class:</p>
  
  <pre><code>public class Menu extends AppCompatActivity {
  
              private BottomNavigationView.OnNavigationItemSelectedListener mOnNavigationItemSelectedListener
                      = new 
  
  BottomNavigationView.OnNavigationItemSelectedListener() {
  
              @Override
              public boolean onNavigationItemSelected(@NonNull MenuItem item) {
  
                  switch (item.getItemId()) {
                      case R.id.nav_about:
                          return true;
                      case R.id.nav_location:
                          return true;
                      case R.id.nav_phone:
                          return true;
                      case R.id.nav_home:
                          return true;
                  }
                  return false;
              }
          };
  
              @Override
              protected void onCreate(Bundle savedInstanceState) {
                  super.onCreate(savedInstanceState);
                  setContentView(R.layout.activity_menu);
  
              }
      }
  </code></pre>
  
  <p>Please help to find solution to this problem. I have searched many answers but haven't found the solution specific to my case. Thanks in advance!</p>