Desain Interface Pada editor Netbeans

Untuk mendesain interface / GUI telah disediakan box Pallete dan box properties di sisi sebelah kanan. Jika tidak ada, maka pilih menu window --> pallete dan window --> properties. Fungsi dari box pallete adalah untuk menambahkan objek-objek program seperti objek untuk icon tombol, textview,dll. Sedangkan box properties adalah untuk  melakukan pengaturan / editing pada objek seperti pengaturan warna, text, ukuran font, dll.

Untuk menambahkan objek pada program tinggal drag icon pada box pallete ke form kosong.

Untuk melakukan editing pada objek langkah pertama yang harus dikerjakan adalah mengklik objeknya hingga muncul warna oren pada garis pinggirnya. Pada contoh ini kita akan menambahkan nama aplikasinya. Caranya klik form kosong  --> cari kolom title di properties  --> isi namanya.

Cek dengan menjalankan programnya, shortcutnya tekan tombol F6. Hasilnya adalah :

Selanjutnya tambahkan ikon-ikon tombol dan textbox untuk menampilkan angka di kalkulatornya.

Caranya : 

1. Tambahkan ikon text field yang terdapat pada box pallete. Text field ini akan digunakan untuk
    menampilkan angka dan hasil perhitungan pada kalkulator.

2. Edit ukurannya menjadi seperti gambar di bawah kemudian hapus tulisan jTextfield. Caranya klik 

    kanan --> edit text.

 

 

3. Tambahkan ikon button untuk menampilkan tombol angka pada aplikasi kalkulatornya

 

 

4. Edit ukuran dan tulis angka-angka dan simbol operator di setiap tombolnya.

5. Tes dengan menjalankan programnya. Tekan F6, hasilnya adalah :

 

Namun tombol-tombol di atas belum berfungsi karena belum diberi aksi. Untuk memberi even atau aksi maka harus ditambahkan source code pada setiap tombolnya.