Mempercantik Tombol/Jbutton Di Java

Tombol dalam suatu aplikasi mejadi suatu hal yang wajib deh kayaknya. Soalnya hamper di tiap aplikasi niscaya pake tombol. Nah kini aku mau coba beri sedikit tips menciptakan tombol yang menarik dengan java.

Kalau kita surfing di internet, buka situs ini, situ itu pernah dong ngeliat tampilan kayak gini:

Yup, Rollover button namanya. Tombol ini menawarkan citra visual yang berbeda di setiap statenya, contohnya pada keadaan bisaa, keadaan Mouse over, dan lainnya. Membuat tombol menyerupai ini pada halaman web memang mudah, banyak aplikasi yang sanggup kita gunakan untuk membantu. Tapi kalo aplikasi???? Bisa gak ya???.

Lagi lagi java punya solusi untuk yang satu ini. Pada class javax.swing.JButton memiliki beberapa method yang sanggup kita gunakan untuk menciptakan pengaruh rollover menyerupai pada halaman web. Berikut method-method yang sanggup kita gunakan:

setRolloverIcon(Icon);
setDisabledIcon(Icon);

pada postingan kali ini aku akan mengambarkan pembuatannya.

Source code lengkapnya sanggup kau download disini.

Langkah pertama menyerupai bisaa buat sebuah class. Namanya terserah bebas lah pokonya.

-----------------------------------------------

import javax.swing.JFrame;
import javax.swing.JButton;
import javax.swing.JLabel;
import javax.swing.ImageIcon;
import javax.swing.Icon;
import javax.swing.JOptionPane;
import java.awt.Container;
import java.awt.FlowLayout;
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;


public class TombolAsik extends JFrame{

...

}

-----------------------------------------------

Trus buat beberapa tombol :

-----------------------------------------------

tombol1=new JButton("Tombol Bisaa");
tombol2=new JButton("Tombol Rollover", icon0);
tombol3=new JButton("Disable", icon0);

-----------------------------------------------

Trus definisikan icon icon yang akan kita gunakan sebagai icon rollover:

-----------------------------------------------

Icon icon0=new ImageIcon("icon0.png");
Icon icon1=new ImageIcon("icon1.png");
Icon icon3=new ImageIcon("icond.png");

-----------------------------------------------

Perhatikan path icon yang digunakan, jikalau temen-temen menciptakan direktori tersendiri misalkan direktori “gambar” maka definisinya menjadi sebagai berikut:

-----------------------------------------------

Icon icon0=new ImageIcon("gambar/icon0.png");
Icon icon1=new ImageIcon("gambar/icon1.png");
Icon icon3=new ImageIcon("gambar/icond.png");

-----------------------------------------------

Nah trus kalau dah jawaban compile trus run, jadi dehhhhh.
Kira-kira kaya gini jadinya

Nah kini coba deh tombolnya. Nih kaya gini jadinya:

Nah gampangkan??, kalo galau download dulu kodenya trus pelajari lagi deh. Pengalaman aku sih lebih ngerti kalau eksklusif berguru dari kodenya. Nih url kodenya: SourceCode.

Bagikan Artikel ini