Cara Menampilkan Notifikasi Image Expandable Di Aplikasi Android

Halo para android programmer, bagaimana kabar kalian hari ini? Saya harap kalian semua dalam keadaan yang baik-baik saja. Masih sama seperti pada tutorial sebelumnya, pada kesempatan kali ini saya akan membagikan tutorial cara membuat aplikasi android untuk menampilkan notifikasi image expandable.

Sebelumnya, saya sudah pernah membagikan tutorial tentang Cara Membuat Aplikasi Android Sederhana Untuk Menampilkan Notifikasi dan Cara Menambahkan Action Button Pada Notifikasi Di Android Stuido. Dalam tutorial tersebut, untuk membuat notifikasi pada aplikasi android cukup mudah. Apalagi untuk membuat notifikasi image expandable pada tutorial ini.

Notification Image Expandable adalah notifikasi yang bisa menampilkan gambar secara besar di notifikasi. Biasanya notifikasi ini sering digunakan pada aplikasi yang sering menawarkan promo seperti pada aplikasi e-commerce. Untuk menarik pelanggan, Aplikasi biasanya menampilkan promo berupa notifikasi. Fitur ini sudah jarang sekali saya lihat di perangkat android saya. Tetapi, untuk kalian yang ingin belajar, maka tidak ada salah nya.

- Advertisement -

Jadi, dalam tutorial ini kalian akan belajar cara membuat aplikasi android yang menampilkan notifikasi image expandable di android studio dengan cara yang mudah dan sederhana.

Tutorial Cara Membuat Notifikasi Image Expandable Di Android Studio

Untuk memudahkan, pada tutorial ini kita akan menggunakan dari project tutorial sebelumnya. Silahkan download project sebelumnya di bawah ini.

[sociallocker id=”1406″]

[/sociallocker]

Drawable File

Sesuai dari judul artikel, maka pada tutorial ini kita memerlukan gambar yang akan kita tampilkan pada project ini. Dibawah ini adalah gambar yang saya gunakan.

Simpan gambar di atas dan pindahkan pada folder drawable pada project android studio kalian. Maka structure project android studio kalian akan terlihat seperti pada gambar di bawah ini.

Java Class File

Buka file MainActivity dalam folder layout pada project android studio kalian. Tambahkan Bitmap di dalam file tersebut. Lalu pada method NotificationCompat panggil function setLargeIcon dan setStyle. 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.graphics.Bitmap;
import android.graphics.BitmapFactory;
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);

                Bitmap bitmap = BitmapFactory.decodeResource(getResources(), R.drawable.map);

                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)
                        .setLargeIcon(bitmap)
                        .setStyle(new NotificationCompat.BigPictureStyle().bigPicture(bitmap).bigLargeIcon(null));

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

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 membuat notifikasi image expandable di android studio. Tutorial di atas sangatlah mudah dikerjakan karena sedikit kode yang perlu kita tambahkan untuk membuat notifikasi image expandable.

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.

- 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.