Swing (3) : Membuat Aplikasi Swing Pertama

Oleh : Reza Ervani

بسم الله الرحمن الرحيم

Setelah SWING terpasang di Eclipse kita, kini saat kita membuat aplikasi SWING kita yang pertama :

Pilih File –> New –> Java Project

Screenshot from 2014-05-24 15:29:54

Akan tampil seperti biasa halaman seperti tampak pada gambar berikut :

Screenshot from 2014-05-24 15:10:14

Beri nama project Java kita tersebut lalu klik Finish.

Berikut kita buat paket. Klik kanan di proyek kita tadi lalu Pilih New –> Package

Screenshot from 2014-05-24 15:35:35

Muncul jendela penamaan seperti berikut

Screenshot from 2014-05-24 15:19:30

Lengkapi nama paket yang akan kita gunakan lalu tekan Finish.

Berikutnya klik tombol Create New Visual Class seperti tampak pada gambar :

Screenshot from 2014-05-24 15:19:30

Pilih Swing –> JFrame

Screenshot from 2014-05-24 15:18:44

Maka kita akan mendapatkan tampilan GUI seperti tampak pada gambar berikut

Screenshot from 2014-05-24 15:21:07

Dan kode java seperti berikut :

</p>
package com.eclipseprogramming.latihswing;

import java.awt.BorderLayout;
import java.awt.EventQueue;

import javax.swing.JFrame;
import javax.swing.JPanel;
import javax.swing.border.EmptyBorder;

public class LatihanSwing extends JFrame {

private JPanel contentPane;

/**
* Launch the application.
*/
public static void main(String[] args) {
EventQueue.invokeLater(new Runnable() {
public void run() {
try {
LatihanSwing frame = new LatihanSwing();
frame.setVisible(true);
} catch (Exception e) {
e.printStackTrace();
}
}
});
}

/**
* Create the frame.
*/
public LatihanSwing() {
setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
setBounds(100, 100, 450, 300);
contentPane = new JPanel();
contentPane.setBorder(new EmptyBorder(5, 5, 5, 5));
contentPane.setLayout(new BorderLayout(0, 0));
setContentPane(contentPane);
}

}

Seperti yang kita lihat, tampilan GUI diatas menyertakan pallete yang dapat kita gunakan menambahkan komponen GUI cukup dengan drag and drop. Sangat memudahkan kita dalam mengembangkan layout aplikasi yang kita bangun.

Kita dapat mengatur layout menjadi absolute agar dapat menempatkan komponen secara lebih bebas seperti berikut :

Screenshot from 2014-05-24 16:01:14

Mudah bukan ?

Selamat mencoba (reza@rumahilmu.or.id)

 

About Reza Ervani 426 Articles
Adalah pendiri programming.rezaervani.com -

Be the first to comment

Leave a Reply

Your email address will not be published.


*


This site uses Akismet to reduce spam. Learn how your comment data is processed.