Mudahnya Membuat Form Menggunakan Swing JFrame

Assalamualaikum 🙂

Kali ini saya mau share pengalaman saya menggunakan netbeans untuk membuat form sederhana berbasis desktop. Membuat form sangatlah mudah dengan fasilitas drag and drop yang disedikan oleh netbeans yaitu berupa komponen-komponen yang ada pada package Swing. Berikut saya paparkan langkah-langkah sederhananya:

pertama asumsi kamu telah membuka netbeans, kamu hanya tinggal klik icon newprojecticon yang berada pojok kiri atas untuk membuat projek baru terlebih dahulu. Selanjutanya akan tampil window berikut,

newprojectiwindows

pada categories pilih Java dan pada project pilih Java Aplication, lanjut klik Next hingga akan tampil window lagi seperti berikut,

namadanlokasi

silakan masukan nama projeknya, tentukan lokasi projeknya dan folder projeknya, lanjut klik tombol finish hingga anda akan digiring ke tab editor.  Hiraukan saja kode yang ada pada editor tersebut, langsung saja klik kanan package yang telah ada (namanya sama dengan nama projek tapi lowercase ),  lalu pilih new, lalu penting pilih kamu pilih JFrame Form. Berikut sreenshot agar lebih jelasnya,

newjframeform

 

setelah itu akan tampil frame kosong yang siap dimasukkan komponen-komponen swing apa saja yang ada pada tab pallete di samping kanan. Terlihat seperti berikut,

designing

dan berikut screenshot list komponen dasar dalam pembuatan form

palette

Kamu tinggal mendesain formnya dengan mendrag salah satu komponen yang kamu inginkan pada pallete  dan drop di frame kosongnya. Lakukan hal yang sama untuk menambah komponen yang lain. Dengan fasilitas ini, kamu akan dengan mudah membuat form tanpa harus banyak menghabiskan waktu dengan layouting karena frame akan melakukan penyesuain layout dengan baik,  dan tidak banyak ngoding tentunya walaupun pada ujungnya nanti kamu juga akan membutuhkan ngoding untuk melakukan aksi-aksi pada event-event yang bakalan mungkin terjadi dalam pengisian form.

Apabila kamu sudah selesai dengan desain formnya, kamu dapat melihat tampilan realnya dengan tekan tombol shift+F6.

Kamu dengan demikian hanya membuat tampilannya saja tanpa ada aksi-aksinya. Untuk lebih lanjut, form tersebut membutuhkan aksi atau penanganan event. Oleh sebab itu, perlu adanya perubahan-perubahan baik itu pada nama variable, warna, icon dll pada komponen-komponen tersebut. Untuk hal itu, gampang kamu klik kanan saja komponene yang ingin kamu ubah tersebut. Nampak seperti berikut,

selectproperties

 

Kamu bisa merubah properti properti dari sebuah komponen dengan klik properties, disini kamu bisa menambahkan properties, event, binding dan codenya, berikut ssnya,

propertieswindows

 

Aasik bukan? Kamu tak perlu lagi ngetik manual sourcenya.

Berikut merupakan ss contoh form login sederhana menggunakan Swing GUI, form pertama:

form1

 

Tambahan saja, kalau gambar di atas merupakan sebuah JLabel yang ditambahkan icon dan diatur lebarnya. Nah, apabila kita run dengan menekan tombol Shift + F6 maka akan menghasilkan window form login sama persis seperti yang kita desain,

form1w

 

Namun tak hanya sekadar form yang bisa kamu buat dengan Swing GUI ini, berikut ss contoh komponen tabel di dalam komponen kontainer panel, dan panel tersebut beraa dalam komponen kontainer TabbedPane, dan TabbedPane tersebut berada di dalam frame, heheh berikut nih hasilnya,

form3

 

kita run maka hasilnya,

form3w

 

Next mau tak mau kan kamu butuh ngoding sedikit agar bisa menjadikannya real bukan sekedar tampilan? Maka kamu pun bisa dengan spesifik memilih komponen apa yang ingin ditambahkan event atau aksinya dengan klik kanan komponen lalu pilih event, silakan pilih event apa aja yang perlu ditambahkan dalam komponen tersebut. Hingga pada akhirnya kamu akan digiring ke text editor untuk menuliskan kode-kode programnya,

code

 

Demikian sekilas curhatan saya mengenai mudahnya pembuatan form dengan adanya fasilitas drag and drop ini, semoga bermanfaat 🙂

FYI maaf belakangan 🙂 saya merupakan mahasiswa di Telkom University, Fakultas Ilmu Terapan, dan tepatnya di prodi D3MI.

Any question? Leave a comment bellow 🙂

 

 

 

You may also like...

Leave a Reply

Your email address will not be published. Required fields are marked *