Rabu, 24 Oktober 2018

Cara menampilkan gambar dengan Radio Button pada Netbeans IDE

Hellooo sob....... Pada artikel ini saya akan membahas bagaimana cara menampilkan gambar menggunakan Radio Button pada Netbeans IDE, jadi pada saat kita klik di Radio Button maka gambarnya akan muncul.
Seperti ini sob contohnya...


Oke langsung saja...

1. Pertama buat sebuah project baru
2. Buat sebuah class/Form dengan nama (tersesah bebas...)
3. Buat design seperti contoh di bawah


Di sini kita akan menampilkan gambarnya pada Jlabel sob...

bahan-bahan yang dibutuhkan :


bahan-bahan tsb sudah saya beri nama variabelnya seperti pada gambar... agar lebih mudah dalam pemanggilan

4. Sekarang kita buat dalam satu group Radio Button nya...
seleksi Radio Buttonnya,klik kanan > pilih Properties > buttonGroup











5. Kemudian kita siapkan gambar2nya,letakkan dalam satu folder dan kita copy saja ke dalam folder src (berada di dalam file project yang kita simpan sob...)


 kalau sudah maka akan muncul di dalam source packages project kita sob...

















 6. langkah berikutnya adalah memberi events pada setiap Radio Button nya
-klik 2x atau dengan klik kanan pada Radio Button > Events > Action > ...................................




private void amerikaActionPerformed(java.awt.event.ActionEvent evt) {                                        
        if(amerika.isSelected()){
            ImageIcon bendera=new ImageIcon("src/gambar/bendera_amerika.jpg");
            gambar_bendera.setIcon(bendera);
            gambar_bendera.setVisible(true);
        }
    }

7. Lakukan hal yang sama pada Radio Button lainnya tinggal kita panggil nama variabelnya dan file gambar yang akan ditampilkan....

8. Selesai... sekarang kita coba jalankan projectnya

Selamat mencoba...
Sekian dulu sob,semoga bermanfaat 

Tidak ada komentar:

Posting Komentar