Edit Jpanel Dan Gambar Menjadi Transparan

Hari ini saya akan berbagi trik sederhana bagaimana mengedit Jpanel Form dan gambar menjadi transparan dengan proses pengkodean seperti gambar hasil akhir diatas, ini merupakan lanjutan dari tutorial-tutorial sebelumnya,dan project yang saya gunakan juga lanjutan project sebelumnya yaitu project java ExtreamSwing.

bagaimana prosesnya?
ok,tanpa basa basi langsung saja mulai ke intinya, hehe.
pastinya anda sudah mengikuti tutorial sebelumnya, agar tidak bingung atau pusing. langkah pertama yang harus buka Software editor Netbeans IDE atau lainnya.

berikut langkah-langkahnya,

buat java package baru dan berikan nama extreamswing.bagian2.

buat java class baru dalam java package extreamswing.bagian2, caranya klik kanan java package lalu pilih Java Class dan berikan nama PanelAlpha.

kemudian masukkan source code dibawah ini kedalam souce java class PanelAlpha.java
berikut source code untuk membuat Jpanel Form menjadi transparan,

package extreamswing.bagian2;

import java.awt.Color;

import java.awt.Graphics;

import java.awt.Graphics2D;

import javax.swing.JPanel;

/**

 *

 * @author QQ

 */ // * MASUNDUH II

public class PanelAlpha extends JPanel {

    private Color warna;

    public PanelAlpha() {

        setOpaque(false);

       

        warna = new Color(getBackground().getRed(),

        getBackground().getGreen(), getBackground().getBlue(), 127);

    }

    @Override

    public void setBackground(Color bg) {

        super.setBackground(bg);

       

                warna = new Color(getBackground().getRed(),

        getBackground().getGreen(), getBackground().getBlue(), 127);

        repaint();

    }

    @Override

    protected void paintComponent(Graphics g) {

        super.paintComponent(g);

       

        Graphics2D g2d = (Graphics2D) g.create();

        

        g2d.setColor(warna);

        g2d.fillRect(0, 0, getWidth(), getHeight());

        g2d.dispose();

    }

}

kemudian untuk membuat gambar ataupun icon menjadi transparan, caranya tetap sama seperti sebelumnya buat java class baru terlebih dahulu dalam java package extreamswing.bagian2 dan berikan nama class nya PanelGambarAlpha. dan jika telah membuat file java class baru masukkan source code dibawah ini kedalam source java class PanelGambarAlpha.java.

untuk membuat gambar atau icon menjadi transparan,masukkan salah satu gambar berformat jpg,atau png ke dalam java package extreamswing.bagian2. lalu panggil gambar tersebut melalui source code dibawah ini, 
berikut potongan sintaks dibawah untuk memanggil gambar yang ada dalam java package

        
gambar = new ImageIcon(getClass().getResource
("/extreamswing/bagian2/iconMasunduh.png")).getImage();

berikut source code lengkap untuk membuat gambar menjadi transparan.


package extreamswing.bagian2;

import java.awt.AlphaComposite;

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 PanelGambarAlpha extends JPanel {

    private Image gambar;

    public PanelGambarAlpha() {

        setOpaque(false);

        gambar = new ImageIcon(getClass().getResource

        ("/extreamswing/bagian2/iconMasunduh.png")).getImage();

    }

    @Override

    protected void paintComponent(Graphics g) {

        super.paintComponent(g);

       

        Graphics2D g2d = (Graphics2D) g.create();

        g2d.setComposite(AlphaComposite.SrcOver.derive(0.5F));

        g2d.drawImage(gambar, 0, 0,null);

        g2d.dispose();

    }

}


Setelah memasukkan source code pada kedua java class diatas yang fungsinya untuk membuat JPanel form dan Gambar maupun Icon menjadi transparan, kemudian Clean and Build atau klik Run lalu pilih Clean and Build.

buat JFrame Form baru dalam java package yang sama untuk menampilkan atau Output dari program java saat ini, klik kanan java package extreamswing.bagian2 lalu pilih JFrame Form dan berikan nama Form formPanelAlpha.




buka formPanelAlpha.java dan masuk ke dalam tab design JFrame formPanelAlpha.



dalam halaman program formPanelAlpha.java, klik PanelAlpha.java lalu seret  atau (drag dan drop) dan tempatkan ke dalam halaman design formPanelAlpha, pada properties PanelAlpha pilih warna background sesuai keinginan anda, dan lihat apa yang terjadi,warna ataupun background pada Jpanel PanelAlpha.java menjadi transparan.


untuk membuat gambar atau icon menjadi transparan, klik PanelGambarAlpha.java lalu seret(drag dan drop) ke halaman design PanelGambarAlpha.java. jika telah selesai dalam pengeditan form atau lainnya, silahkan test program atau run atau bisa menekan tombol Shift + F6, dan tidak ada yang error maka hasil program dari tutorial saat ini bagaimana mengedit JPanel Form dan Gambar atau Icon menjadi Transparanberikut screenshotnya.


2 Responses to "Edit Jpanel Dan Gambar Menjadi Transparan"

  1. This comment has been removed by the author.

    ReplyDelete
  2. Mantap gan tutorialnya. Sangat membantu
    Mampir juga ke blog kumuh ane
    https://blog-inspiratiff.blogspot.com

    ReplyDelete

Ads Inside Post