Cara Menambahkan Action Button Pada Notifikasi Di Aplikasi Android

Halo para android programmer, bagaimana kabar kalian hari ini? Saya harap kalian semua dalam keadaan yang baik-baik saja. Pada kesempatan kali ini saya akan membagikan tutorial tentang bagaimana cara menambahkan action button atau tombol aksi pada notifikasi di aplikasi android.

Sebelumnya, saya sudah pernah membagikan tutorial tentang Cara Membuat Aplikasi Android Untuk Menampilkan Notifikasi Sederhana. Pada tutorial tersebut, kalian belajar cara membuat aplikasi android dengan menampilkan notifikasi sederhana dengan cukup menekan tombol yang ada pada aplikasi.

Jika kalian menggunakan aplikasi Gmail pada perangkat android kalian, maka kalian bisa melihat action button pada notifikasi yang muncul dari aplikasi tersebut seperti pada gambar di bawah ini.

- Advertisement -

Kalian bisa melihat pada gambar diatas bahwa notifikasi dari aplikasi Gmail memiliki action button yang berupa teks Archive dan Reply. Jika kalian mengklik action button Reply, maka perangkat android kalian akan membuka aplikasi tersebut yang telah siap menampilkan activity Reply.

Nah, pada tutorial ini kalian akan belajar cara membuat aplikasi android yang menampilkan action button pada notifikasi di android studio dengan cara yang mudah dan sederhana.

Tutorial Cara Menambahkan Action Button Pada Notifikasi Di Android Studio

Buatlah project android studio baru dengan informasi sebagai berikut:

Application Name:Notif App
Package Name:com.androidrion.notifapp
Languge:Java
Minimum SDK:API 15: Android 4.0.3 (IceCreamSandwich)

Daftar file xml layout yang digunakan dalam project ini:

  1. activity_main.xml
  2. activity_notif.xml

Daftar file java class yang digunakan dalam project ini:

  1. MainActivity.java
  2. NotifActivity.java

Dibawah ini adalah langkah-langkah dalam pembuatan aplikasi Notif App.

New Activity

Buatlah activity baru dengan cara klik kanan pada folder app lalu pilih New>Activity>Empty Activity. Simpan activity baru tersebut dengan Activity Name: NotifActivity, maka secara otomatis Layout Name: menjadi activity_notif.

XML Layout File

Buka file activity_main.xml dalam folder layout pada project android studio kalian. Tambahkan widget Button di dalam RelativeLayout. Berikut ini adalah kode lengkap untuk file activity_main.xml

app/res/layout/activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout 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:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <Button
        android:id="@+id/buttonNotif"
        style="@style/Widget.AppCompat.Button.Colored"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/app_name"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

</androidx.constraintlayout.widget.ConstraintLayout>

Buka file activity_notif.xml lalu tambahkan widget TextView. Berikut ini adalah kode lengkap untuk file activity_notif.xml

app/res/layout/activity_notif.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".NotifActivity">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:text="Activity Baru"
        android:textAppearance="@style/TextAppearance.AppCompat.Display1" />

</RelativeLayout>

Java Class File

Buka file MainActivity dalam folder java. Karena kita akan membuat notifikasi membuka aktivitas baru maka kita memerlukan Intent. Lalu pada NotificationCompat.Builder tambahkan juga addAction untuk membuat action button pada notifikasi. Berikut ini adalah kode lengkap untuk file MainActivity.java

app/java/com.androidrion.notifapp/MainActivity.java

package com.androidrion.notifapp;

import androidx.appcompat.app.AppCompatActivity;
import androidx.core.app.NotificationCompat;
import androidx.core.app.NotificationManagerCompat;

import android.app.PendingIntent;
import android.content.Intent;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;

public class MainActivity extends AppCompatActivity {

    private static final String CHANNEL_ID = "notif_app";
    private static final int NOTIFICATION_ID = 999;

    Button btnNotif;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        btnNotif = findViewById(R.id.buttonNotif);
        btnNotif.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {

                Intent mainIntent = new Intent(getApplicationContext(), MainActivity.class);
                mainIntent.setFlags(Intent.FLAG_ACTIVITY_NEW_TASK | Intent.FLAG_ACTIVITY_CLEAR_TASK);
                PendingIntent mainPIntent = PendingIntent.getActivity(MainActivity.this,
                        0, mainIntent, PendingIntent.FLAG_ONE_SHOT);

                Intent intent = new Intent(getApplicationContext(), NotifActivity.class);
                intent.setFlags(Intent.FLAG_ACTIVITY_NEW_TASK | Intent.FLAG_ACTIVITY_CLEAR_TASK);
                PendingIntent addPendingIntent = PendingIntent.getActivity(MainActivity.this,
                        0, intent, PendingIntent.FLAG_ONE_SHOT);



                NotificationCompat.Builder builder = new NotificationCompat.Builder(MainActivity.this, CHANNEL_ID)
                        .setSmallIcon(R.drawable.ic_notifications)
                        .setContentTitle("Complete Your Timeline")
                        .setContentText("Add missing place at Jakarta on Sunday")
                        .setPriority(NotificationCompat.PRIORITY_DEFAULT)
                        .setAutoCancel(true)
                        .setContentIntent(mainPIntent)
                        .addAction(0, "Add", addPendingIntent);

                NotificationManagerCompat notificationManagerCompat = NotificationManagerCompat.from(MainActivity.this);
                notificationManagerCompat.notify(NOTIFICATION_ID, builder.build());
            }
        });
    }
}

Pada file NotifActivity dalam folder java tidak ada kode yang perlu di tambahkan.

Run Project

Sekarang jalankan project android studio kalian. Jika kode diatas tidak terjadi error, maka aplikasi akan terlihat seperti pada gambar di bawah ini.

AKHIR KATA

Itulah tadi tutorial singkat dan mudah cara menambahkan action button pada notifikasi di android studio. Tutorial di atas sangatlah mudah dikerjakan apalagi jika kalian sudah melakukan tutorial sebelumnya.

Jika kalian mengalami kendala saat melakukan tutorial di atas, silahkan komentar di bawah artikel ini. Jangan lupa untuk like dan subscribe Channel YouTube Android Rion. Semoga artikel ini membantu kalian. Terima Kasih.

Download Project

Untuk download project pada tutorial ini, silahkan klik tombol dibawah ini.

[sociallocker id=”1406″]

[/sociallocker]

- Advertisement -

Get real time updates directly on you device, subscribe now.

You might also like

- Advertisement -

Leave A Reply

Your email address will not be published.