Menampilkan Background Gambar Pada JPanel

Saya akan berbagi trik Java Swing sederhana bagaimana cara menampilkan background gambar ke dalam JPanel Form dengan menambahkan pengkodean atau metode untuk merubah background panel menjadi gambar.

secara default komponen JPanel hanya bisa merubah warna background namun tidak bisa untuk menampilkan gambar atau icon dalam format jpg atau png, dan maka dari itu saya akan berbagi kepada anda tutorial sederhana bagaimana menampilkan gambar dalam JPanel Form, dan mungkin berguna buat anda.

Langkah awal yang harus dilakukan,pastinya membuka software editor Netbeans IDE. :D
kemudian buat project baru dan berikan nama projectnya ExtreamSwing.

Buat java package baru dalam project ExtreamSwing, caranya klik kanan projectnya lalu pilih new >java package, dan beri nama java package > extreamswing.bagian1.

dan saatnya memulai coding yang fungsinya bisa menampilkan gambar dalam jpanel.
buat java class baru dalam java package extreamswing.bagian1.

kemudian beri nama > PanelGambar, salin atau copy source gambar yang akan dijadikan background ke dalam java package extreamswing.bagian1.
berikut contoh gambar yang berformat png dan akan dijadikan background jpanel nantinya.

Buka java class PanelGambar.java dan masukkan sintax dibawah ini ke dalam java class tersebut.
berikut source code yang fungsinya memanggil lokasi dari file gambar yang akan dijadikan background,kemudian menetapkan gambarnya menjadi background jpanel form.

package extreamswing.bagian1;

import java.awt.Graphics;
import java.awt.Graphics2D;
import java.awt.Image;
import javax.swing.ImageIcon;
import javax.swing.JPanel;

/**
 *
 * @author QQ
 */ // * MASUNDUH II
public class PanelGambar extends JPanel {
    
        private Image gambarPanel;

    public PanelGambar() {
    gambarPanel = new ImageIcon(getClass().getResource
//letak file gambar nya, pisahkan dengan slash            
    ("/extreamswing/bagian1/masunduh2.png")).getImage();
    }

    @Override
    protected void paintComponent(Graphics g) {
        super.paintComponent(g);
        
        Graphics2D g2d = (Graphics2D) g.create();
        g2d.drawImage(gambarPanel, 0, 0,getWidth(),getHeight(),null);
        g2d.dispose();
    }

}

setelah melakukan coding seperti diatas selanjutnya dibuild java class caranya, klik kanan project dan pilih Clean and Build.

class untuk membuat atau menampilkan background gambar maupun icon kedalam jpanel telah selesai, saatnya membuat Jframe Form untuk Output dari program ini.

cara membuat Jframe Form baru langkah yang sama seperti sebelumnya,klik kanan java package lalu pilih JFrame Form dan berikan nama formPanelGambar.

dalam tab Design, atur ukuran panelnya, kemudian klik java class PanelGambar.java 
lalu seret ke halaman design JFrame formPanelGambar. berikut screenshotnya.

lalu atur layout JFrame ke mode Border Layout agar background gambar pada java class PanelGambar.java menjadi penuh, caranya klik JFrame pada menu Navigator Netbeans dalam tab design lalu klik Set Layout dan pilih Border Layout. 

seperti tampilan dibawah ini

jika telah selesai saatnya mencoba menjalankan program, klik Run lalu pilih Run File atau shortcut Shift+F6.berikut hasil dari tutorial ini.

Tweet