Pada postingan sebelumnya, telah dibahas cara menampilkan notifikasi pada ActionBar menu dengan menggunakan kelas BadgeDrawable yang merupakan turunan dari drawable dengan ditambahkan sedikit behaviour.
Pada postingan kali ini, akan dibahas cara lain, yaitu dengan menggunakan inflating view. Langkah-langkahnya adalah sebagai berikut:
- Mendefinisikan menu yang akan dipasangi notifikasi.
- Membuat kelas NotifView yang meng-extends dari RelativeLayout. Kemudian NotifView inilah yang akan dijadikan ActionView dari menu yg sudah didefinisikan.
Mari menuju tekape sodara2…
1. Mendefinisikan menu yang akan digunakan.
|
0 1 2 3 4 5 6 7 |
<span style="color: #000080;"><strong>File name: <em>menu_main.xml</em></strong></span> <menu xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto"> <item android:id="@+id/action_notif" android:title="@string/action_settings" android:icon="@android:drawable/ic_popup_reminder" app:showAsAction="always" /> </menu> |
2. Membuat kelas NotifView.
- Membuat layout xml untuk kelas NofifView dan background shadownya.
|
0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 |
<strong><span style="color: #000080;">File name : <em>bg_red.xml </em></span></strong> <?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle"> <!-- view background color --> <solid android:color="#FF0000" > </solid> <!-- If you want to add some padding --> <padding android:left="5dp" android:top="2dp" android:right="5dp" android:bottom="2dp" > </padding> <!-- Here is the corner radius --> <corners android:radius="45dp" > </corners> </shape> |
|
0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 |
<strong><span style="color: #000080;">File name: <em>layout_notifview.xml</em></span></strong> <?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="wrap_content"> <ImageView android:id="@+id/ic_launcher" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center_vertical" android:layout_marginLeft="2dp" android:layout_marginRight="2dp" android:orientation="horizontal" android:src="@android:drawable/ic_popup_reminder" > </ImageView> <TextView android:id="@+id/tvCount" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignRight="@+id/ic_launcher" android:ellipsize="end" android:maxLength="3" android:text="99" android:textColor="#ffffff" android:textSize="9sp" android:textStyle="bold" android:layout_alignParentTop="true" android:background="@drawable/bg_red" android:visibility="gone"/> </RelativeLayout> |
|
0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 |
package com.research.hangga.dynamicnotifinflate; import android.content.Context; import android.view.LayoutInflater; import android.view.View; import android.widget.RelativeLayout; import android.widget.TextView; /** * Copyright (C) PT. Sebangsa Bersama - All Rights Reserved * Unauthorized copying of this file, via any medium is strictly prohibited * Proprietary and confidential * Originally written by Hangga Aji Sayekti, 08/12/15 */ public class NotifView extends RelativeLayout { private TextView tvCount; private int count = 0; public void setCount(int count) { this.count = count; if (count < 1) { tvCount.setVisibility(View.GONE); } else { tvCount.setVisibility(View.VISIBLE); tvCount.setText(String.valueOf(count)); } } public NotifView(Context context) { super(context); init(context); } private void init(Context context){ LayoutInflater mInflater = LayoutInflater.from(context); mInflater.inflate(R.layout.layout_notifview, this); tvCount = (TextView) findViewById(R.id.tvCount); } } |
Handling pada MainActivity.java. Inisialisasikan notifView di dalam method onCreate().
|
0 |
notifView = new NotifView(MainActivity.this); |
|
0 1 2 |
@Override public boolean onCreateOptionsMenu(Menu menu) { getMenuInflater().inflate(R.menu.menu_main, menu); MenuItem itemNotif = menu.findItem(R.id.action_notif); itemNotif.setActionView(notifView); return true; } |
Simulasi updating jumlah notifikasi
|
0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
@Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar); setSupportActionBar(toolbar); notifView = new NotifView(MainActivity.this); FloatingActionButton fab = (FloatingActionButton) findViewById(R.id.fab); fab.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View view) { notifView.setCount(notif_count++); } }); } |
