Blogroll

Rabu, 10 Juni 2015

Percantik Desain Frame Java Netbeans dengan Jtatto

Setiap kita membuat aplikasi, Frame hampir selalu kita gunakan. Pada Java, Frame berada didalam Library javax.swing. Swing adalah library yang digunakan untuk menciptakan Grafik User Interface (GUI) pada Java.Karena User selalu bekerja pada tampilan Frame, tidak jarang User dapat jenuh dengan tampilan warna Frame yang itu – itu saja dan butuh tampilan yang lebih menarik dari biasanya. Untuk mempercantik tampilan Frame, kita dapat menggunakan Jtattoo.  Jtattoo 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 Jtattoo pengembang dapat meningkatkan aplikasi dengan antar muka yang lebih baik.
Sebelum memulai tutorial ini, pembaca dapat mengunduh Jtattoo di Website JTatto. Terdapat beberapa pilihan file yang dapat Anda download pada laman tersebut, baik berupa file, demo, ataupun berupa source code dari plugin tersebut. Setelah Library Jtattoo.jar diunduh kita dapat membuat project baru dengan klik16 File > New Project. Tampilan membuat project dapat Anda lihat pada gambar, Penulis menggunakan IDE Netbeans pada tutorial kali ini
BisaKomputer - JTatto
Untuk membuktikan bahwa langkah pertama tidak gagal, buka Class Tutorial_Jtatto.java kita dapat menambahkan code out.print pada main untuk mencoba menjalankan project yang telah kita buat. Ketika Anda melakukan Running Project, maka akan tampil tulisan Hello World. Silahkan mulai dari awal ketika langkah ini belum berhasil.
BisaKomputer - JTatto - HelloSetelah project berhasil dijalankan kita bisa memulai membuat Frame baru, kali ini Penulis memberi nama Form Menu_Utama.java. Untuk membuat frame baru pada Netbeans, Klik kanan pada package tutorial_jtatto > JFrame Form. Seperti halnya saat pertama kali Anda membuat project, terdapat beberapa text field yang harus Anda isikan seperti nama frame, project, serta package pada Netbeans.
BisaKomputer - JTatto - newFrameSebagai contoh Penulis menambahkan menubar dengan melakukan drag n drop ke area Frame yang tadi sudah dibuat. Kita dapat klik Preview Design untuk melihat tampilan Form Menu_Utama. Berikut tampilan standar dari Frame pada Java, setelah ini kita akan membuatnya lebih menarik lagi menggunakan Jtattoo.
BisaKomputer - JTatto - PreviewUntuk menambahkan Library Jtattoo kita dapat klik kanan pada Libraries > Add JAR/Folder > Window baru akan dimunculkan, Anda tinggal berpindah pada direktori tempat Library Jtattoo.jar yang sebelumnya sudah diunduh. Setelah Library berhasil ditambahkan pilih Source pada Menu_Utama.java. Lakukan beberapa penambahan pada baris kode yang sudah ada.
1
2
3
4
5
6
7
8
9
public static void main (String args []){
    try {
        UIManager.setLookAndFeel("com.jtattoo.plaf.alumunium.AlumuniumLookAndFeel");
        SwingUtilities.updateComponentTreeUI(new Menu_utama());
    } catch (Exception e){
 
    }
    new Menu_utama().setVisible(true);
}

Jika langkah tersebut, maka kita akan mencoba menjalankan, klik kanan pada Menu_Utama.java pilih Run File. Maka tampilan warna Framenya akan berubah seperti berikut.
BisaKomputer - JTattoo - MetalUntuk menggunakan tapilan yang berbeda pembaca cukup merubah program pada bagian
1
UIManager.setLookAndFeel("com.jtattoo.plaf.aluminium.AluminiumLookAndFeel");
Dokumentasi tentang Beberapa tampilan unik dapat yang lainnya Anda coba, dapat dilihat pada link JTattoo. Misalkan saja penulis mencoba mengubah kode tersebut dan mengubahnya menjadi tampilan yang lain
15Sampai disini pembaca sudah dapat merubah tampilan Frame pada Java menjadi lebih menarik. Sangat mudah bukan? Penulis menyarankan Anda menggunakan IDE Netbeans ketika menggunakan plugins ini. Selain pengaturan yang lebih mudah, Kemudahan saat menggunakan JFrame pun juga akan Anda peroleh daripada menggunakan IDE lainnya. Sedikit kebingungan Anda dapati? Tanyakan saja pada Penulis lewat kolom komentar. Semoga tutorial ini bermanfaat Terima kasih.

0 komentar:

Posting Komentar