. .

BAGIAN KE SEBELAS: Pengenalan Java Combo Box Pada Netbeans IDE

Posted by CHRISTIANTO D,WIBOWO | D3MI-2016 STMIK BUMI GORA On Senin, Januari 30, 2017 No comments

Java Combo Boxes In Netbeans IDE, Sebelum kita meneruskan mempelajari pembelajaran ini, ada baiknya kita baca artikel-artikel sebelumnya yang terhubung dengan langkah-langkah pembelajaran ini (Link) BAHASA PEMROGRAMAN JAVA PADA NETBEANS IDE.


Pada bagian ini, kita akan melihat bagaimana menggunakan beberapa kontrol yang lebih umum yang dapat ditambahkan ke Java Form. Kita akan belajar bagaimana menggunakan Java Combo Box berikut:
  • Combo Box
  • Check Box
  • Radio Buttons
  • Text Areas
  • List Box
  • Menus and Menu Items
  • Open File Dialogue boxes
  • Save File Dialogue boxes
Kita akan mulai dengan Combo box.
Sebuah JComboBox, yang memungkinkan pengguna memilih salah satu dari beberapa pilihan, dapat memiliki dua bentuk yang sangat berbeda.
  1. Bentuk default adalah uneditable combo box, yang dilengkapi dengan tombol dan daftar drop-down dari nilai-nilai.
  2. Bentuk kedua, disebut editable combo box, memiliki kolom teks dengan tombol kecil yang membatasinya. pengguna dapat mengetik nilai dalam bidang teks atau klik tombol untuk menampilkan daftar drop-down.
Buat proyek baru untuk Java program ⇒ Java ⇒ Application. Kita beri nama Project-nya formcontrols, dan jangan centang pada kotak "Create main class" :


Klik tombol Finish pada wizard untuk membuat proyek. Sekarang tambahkan FORM dengan mengklik kanan nama proyek di jendela Proyek dan memilih New > JFrame Form, Ketika kotak dialog muncul, masukkan FormObjects sebagai nama class, dan form_controls_lesson sebagai nama package:

Kita kemudian akan memiliki class yang disebut FormObjects, di dalam package yang disebut form_controls_lesson, di formcontrols project. Kita juga akan memiliki Form baru yang perlu dtambahkan beberapa kontrol.
JComboBox Control
Sebuah combo box adalah daftar item drop down yang dapat dipilih oleh pengguna. Hal ini dapat ditemukan dalam palette NetBeans, di bawah swing kontrol :



Cari Combo Box kontrol dan tarik/drag satu ke form. Tarik/drag tombol ke Form, dan Text Field. Apa yang akan kita lakukan ini adalah untuk menempatkan item yang dipilih dari daftar drop-down ke dalam kolom teks. Hal ini akan terjadi ketika tombol diklik.



Klik pada Combo Box dan terlihat highlight-nya. Klik kanan dan pilih Change Variable Name dari daftar menu yang muncul. Ketik comboOne sebagai nama variabel baru, dan kemudian klik OK.


Rubah juga nama untuk tombol/button dengan cara yang sama, rubah namanya menjadi btnComboBox. Rubah juga teks pada tombol/button untuk menjadi Get Drop Down Item.




Rubah nama dari Text Field menjadi txtComboBoxItem. hapus default text dan biarkan kosong.


Dan akhirnya bentuk dari FORM kita menjadi seperti ini :

RUN program-nya :

Item default dalam Combo Box adalah Item 1, Item 2, dst Kita akan menambahkan item kita sendiri.
Klik kembali ke Combo Box untuk memilihnya. Sekarang lihat pada jendela properti di sebelah kanan NetBeans. Cari Model properti :
Klik tombol kecil di sebelah kanan dari baris Model, dengan tiga titik di dalamnya. Kotak dialog berikut akan muncul :

Sorot item dalam area teks putih, dan menghapusnya, ganti dengan item berikut: C Sharp, Java, PHP, Visual Basic .NET. Kotak dialog kita kemudian akan terlihat seperti ini :

Klik OK ketika kita telah membuat perubahan. combo box kita sekarang akan diisi dengan Item-item kita sendiri.
Jalankan program untuk mengujinya:

Tutup Output program dan kembali ke tampilan Design. Ketika tombol diklik, kita ingin item yang dipilih untuk tampil di kolom teks. Jadi klik ganda tombol kita untuk membuat stub kode.
Untuk mendapatkan yang item yang dipilih ada metode yang berguna dari kotak combo yang disebut getSelectedItem. Tapi ini mengembalikan sebuah Object sebagai nilai. Apa yang kita inginkan adalah teks dari daftar. Kita dapat melakukan sesuatu yang disebut casting /pengambilan sebuah variabel nilai untuk mengubah Obyek menjadi String. Tambahkan baris kode berikut untuk rintisan kode dari tombol :
String itemText = (String)comboOne.getSelectedItem( );
Kita sedang menyiapkan sebuah variabel string disebut itemText. Setelah tanda sama dengan kita menggunakan metode getSelectedItem dari comboOne. Tetapi perhatikan bagaimana pengambilan nilai/casting dilakukan - dengan jenis variabel String antara kurung bulat. Ini berlaku segera sebelum objek atau nilai yang kita coba untuk ambil, casting/mengambil sebuah nilai berarti mengkonversi dari satu jenis variabel ke variabel lain.

Untuk menampilkan item yang dipilih dalam TextField, kita hanya perlu mengatur teks untuk TextField. Tambahkan baris kode ini tepat di bawah baris kode dari rintisan kode yang sudah kita memiliki:
txtComboBoxItem.setText( itemText );

private void btnComboBoxActionPerformed(java.awt.event.ActionEvent evt) {                                          
        String itemText = (String)comboOne.getSelectedItem( );
        txtComboBoxItem.setText( itemText );
    }
Jalankan programnya, pilih item dari drop down list. Kemudian klik tombol, Item yang kita pilih akan muncul di TextField:

Combo box terlihat sedikit membosankan, kita dapat merubah warna, dan font yang berbeda.
Tutup Output program dan kembali ke tampilan Design di NetBeans. Klik pada kotak combo untuk memilihnya, dan lihat jendela properti kemudian coba atur property berikut (pilihan display-nya terserah kita) :
  • Background Colour
  • Foreground Colour
  • Font
  • Border
Kita harus melatih dengan property-property tersebut untuk memahami lebih dalam untuk warna, RGB dan lain sebagainya agar tampak FORM lebih baik. Dalam pembelajaran berikutnya, kita akan melihat bagaimana Java check boxes bekerja.

0 komentar:

Poskan Komentar