Percantik Tampilan JFrame menggunakan JTatto pada Netbeans IDE

Assalamualaikum Warahmatullahi Wabarakatuh, Bagi Programmer java yang menggunakan Netbeans sebagai IDE nya, Setiap membuat aplikasi, sebuah JFrame hampir selalu digunakan oleh seorang programmer sebagai container/wadah untuk setiap komponen yang terpasang seperti Button, Label, EditText, CheckBox, Dll, Frame berada didalam Library javax.swing. Swing adalah library yang digunakan untuk menciptakan tampilan GUI (Graphic User Interface). Kalian pasti bosan saat meliat tampilan Jframe yang itu-itu saja, maka dari itu kita bisa menggunakan Library JTatto untuk Mempercantik tampilan Frame.

Library JTatto untuk mempercantik dan memodifikasi JFrame pada Netbeans

JTatto adalah library yang digunakan untuk merubah design Frame khususnya pada tampilan warna. Terdiri dari beberapa warna atau disebut juga dengan Look and Feels yang telah disediakan. Dengan JTatto pengembang dapat meningkatkan aplikasi dengan antar muka yang lebih baik.

Langkah-langkah Modifikasi JFrame dengan JTattoo


1) Pertama download terlebih dahulu Library JTatto.jar disini. maka kalian akan masuk pada situs resmi jtatto.

Sebuah Library untuk mempercantik tampilan JFrame pada Netbeans

Setelah itu download file JTattoo-1.6.11.jar size about 1100KB dan simpan pada laptop/komputer kalian.

2) Buatlah sebuah project baru pada Netbeans IDE dan berinama project tersebut, hilangkan ceklis pada Create Main Class karena kita akan menggunakan Class JFrame, klik Finish

Membuat project baru pada Netbeans IDE

3) Buatlah sebuah JFrame dengan cara klik kanan pada Project kalian -> New -> JFrame Form. Lalu isi nama class dan packagenya, setelah itu klik Finish.

Membuat Class JFrame pada Netbeans IDE

4) Sebagai Contoh, disini saya akan menambahkan 1 JLabel sebagai komponen untuk JFrame yang kita buat.

Tampilan Frame


5) Jalankan program tersebut, karena saya menggunakan Linux Ubuntu jadi tampilan pada Framenya akan sedikit berbeda dengan Windows.

Test JFrame Default
Tampilan Default sebelum ditambahkan JTatto 

6) Sekarang kita tambahkan library JTatto.jar pada netbeans IDE, dengan cara klik kanan pada Library lalu pilih Add JAR/Folder.

Add Library JTatto pada Netbeans IDE

7) Pilih lokasi dimana kalian menyimpan file JTatto.jar tersebut, setelah itu klik OK.

Memilih File JTatto pada PC

8) Sekarang kita akan beralih pada Source Code untuk layar_utama.java. Pertama import terlebih dahulu beberapa package seperti berikut ini.

import com.jtattoo.plaf.bernstein.BernsteinLookAndFeel
import javax.swing.UIManager;
import javax.swing.UnsupportedLookAndFeelException;

BernsteinLookAndFeel merupakan jenis tema yang akan saya gunakan lalu UIManager digunakan untuk memilih dan mengatur LookAndFeel yang akan digunakan pada Frame dan UnsupportedLookAndFeelException digunakan untuk menangani error jika terjadi kesalahan pada LookAndFeel.

9) Buatlah method baru pada Source Code layar_utama dan berinama tema lalu masukan Script/Kodenya seperti berikut ini.

protected void tema(){
        try{
            /*
             * Pada UIManager kalian bisa memilih jenis tema
             * apa yang digunakan, sebagai contoh saya
             * menggunakan tema BernsteinLookAndFeel
            */
            UIManager.setLookAndFeel(new BernsteinLookAndFeel());
        }catch(UnsupportedLookAndFeelException ex){
            ex.printStackTrace();
        }
    }

10) Terakhir buatlah objek dari class layar_utama lalu panggil/jalankan method tema pada method main, seperti berikut ini.


11) Run dan jalankan program tersebut maka hasilnya akan seperti ini.

JFrame Setelah di modifikasi menggunakan JTatto

Kalian juga bisa memilih dan menggati tema yang digunakan pada JTatto untuk Frame, caranya kalian tinggal edit Kode pada UIManager yang terdapat pada method tema lalu tekan Crtl+Spasi setelah new, seperti pada gambar berikut ini.

Memilih Jenis Tema untuk dipasang pada JFrame

Demikian tutorial dari saya, semoga bisa dipraktekan di rumah dan membuat kreasi sendiri sesuau dengan kreatifitas kalian, silakan share dan komen setra subcrible untuk mendapatkan informasi terbaru dari blog ini, terakhir dari saya, Wassalamualaikum Warahmatullahi Wabarakatuh.


Berlangganan Untuk Menerima Update Terbaru:

6 Responses to "Percantik Tampilan JFrame menggunakan JTatto pada Netbeans IDE"

  1. Thanks gan tutornya, izin comot dan praktekin

    BalasHapus
  2. Mantap gan.. kpn2 ane mau coba

    BalasHapus
  3. terimkasih. saya suka cara ente membuat tutorial. good luck!

    BalasHapus
  4. Mantap gan detail sekali tutorialnya, ane coba nanti 😀

    BalasHapus
  5. mudah sekali langkah langkahnya, langsung saya coba gan

    BalasHapus
  6. Sayangnya aku sdh lama tdk mengikuti pemrogaman selanjutnya....hanya sampai foxpro2 dan compile Clipper5 thn 1993an.....tapi tetap melihat perkembangan teknologi digital.....mksih... tambahan pengetahuannya....

    BalasHapus