Mengenal Method setHonorVisibility() dan replace() pada GroupLayout
Buat teman-teman pengguna NetBeans IDE, pasti sudah tahu fitur baru di NetBeans versi 6.7 kan. Yak, adanya penambahan integrasi dengan Project Kenai 
Terus terang saya sendiri belum pernah pakai Project Kenai , tapi kemarin iseng cobain fitur Project Kenai di NetBeans IDE dan ternyata humm ada yang keren loh Mungkin buat yang belum tahu, coba deh lihat di status bar NetBeans versi 6.7.1, disana ada 1 tambahan icon yang tampilan-nya seperti gambar dibawah ini (tempat-nya ada di pojok kanan bawah):
Tampilan Icon Project Kenai Pada StatusBar NetBeans
Tidak ada yang spesial dengan icon diatas, tapi sekarang coba klik 2 kali pada icon tersebut kemudian coba deh tekan tombol login tanpa memasukkan username dan password. Dan hasil-nya adalah seperti gambar dibawah ini :
Tampilan Awal Login Dialog
Ketika Tombol Login Di Tekan
Login Failed, Pesan Kesalahan Berada Pada Posisi JProgressBar
Hmm… ada yang aneh dari UI diatas ?? Klo menurut saya ada yang aneh, coba deh lihat lagi pada gambar dialog login dan proses login di atas. JToolBar-nya bisa muncul diantara label No account on Kenai.com? Sign up now. dan tombol Login. Kenapa aneh, setahu saya klo kita menggunakan GroupLayout secara standart dan kita ingin menyembunyikan komponen ditengah-tengah komponen yang lain dengan menggunakan method setVisible() hasil-nya pasti jelek 
Ok sekarang mari kita coba, bikinlah 1 project java kemudian tambahkanlah JDialog dan design seperti gambar dibawah ini :
Design Login Dialog
Nah setelah selesai men-design seperti gambar diatas, sekarang mari kita coba sembunyikan komponen JProgressBar dengan menggunakan method setVisible(false); Cara-nya yaitu, tambahkan method setVisible() pada konstruktor JDialog hingga konstruktor kita sekarang menjadi seperti kode dibawah ini :
|
1 2 3 4 5 6 |
/** Creates new form LoginDialog */ public LoginDialog(java.awt.Frame parent, boolean modal) { super(parent, modal); initComponents(); jProgressBar1.setVisible(Boolean.FALSE); } |
Sekarang coba jalankan, dan kita akan mendapatkan tampilan yang tidak kita ingin-kan seperti gambar dibawah ini :
Tampilan Login Dialog Terlihat Uggly, karena space kosong Milik JProgressBar di Makan oleh JButton
Nah tahu kan klo kita menggunakan GroupLayout dan menggunakan method setVisible() hasil-nya pasti akan kacau seperti diatas (Komponen dibawah-nya memakan space kosong komponen yang di sembunyikan). Kalau menggunakan Layout yang lain saya percaya, urusan seperti ini sangat mudah Tapi masak Layout secanggih GroupLayout tidak bisa ?
Akhirnya setelah baca-baca sebentar pada halaman manual GroupLayout akhirnya saya menemukan method setHonorsVisibility() dan dibawah ini adalah penjelasan untuk method setHonorsVisibility() yang saya dapat dari tutorial GroupLayout :
Another common operation in user interfaces is to dynamically change the visibility of components. Perhaps components are shown only as a user completes earlier portions of a form. To avoid components shuffling around in such a scenario, space should be taken up regardless of the visibility of the components. GroupLayout offers two ways to configure how invisible components are treated. The setHonorsVisibility(boolean) method globally sets how invisible components are handled. A value of true, the default, indicates invisible components are treated as if they are not there. On the other hand, a value of false provides space for invisible components, treating them as though they were visible. The setHonorsVisibility(Component,Boolean) method can be used to configure the behavior at the level of a specific component. To determine how visibility is handled, GroupLayout first checks if a value has been specified for the Component, if not, it checks the setting of the global property.
Penjelasan diatas sangat jelas sekali, jika kita ingin menyembunyikan sebuah komponen dan kita tidak ingin space komponen yang kita sembunyikan dimakan oleh komponen yang lain, maka kita harus menggunakan method setHonorsVisibility(komponen, false); pada komponen yang kita sembunyikan Ok sekarang mari kita rubah kode program kita diatas menjadi seperti dibawah ini :
|
1 2 3 4 5 6 7 8 9 10 11 12 13 |
/** Creates new form LoginDialog */ public LoginDialog(java.awt.Frame parent, boolean modal) { super(parent, modal); initComponents(); jProgressBar1.setVisible(Boolean.FALSE); /* default layout yang digunakan JDialog adalah BorderLayout (cek * dengan memanggil langsung method getLayout()) , jadi * kita harus mengambil GroupLayout-nya dari ContentPane(). Bisa di cek * pada method initComponent() */ GroupLayout gl = (GroupLayout) getContentPane().getLayout(); gl.setHonorsVisibility(jProgressBar1, false); } |
Simpan perubahan yang sudah dilakukan dan mari kita jalankan, hasil-nya sudah cukup bagus menjadi seperti gambar dibawah ini :
Hmm… sudah terlihat sedikit cantik bukan ?
Ok sudah terlihat bagus, sekarang mari kita coba tampilkan JProgressBar-nya dan sebelumnya editlah dahulu 2 buah JButton menjadi Login dan Cancel kemudian pada tombol Login tambahkanlah kode seperti dibawah ini :
|
1 2 3 4 |
private void btnLoginActionPerformed(java.awt.event.ActionEvent evt) { jProgressBar1.setVisible(true); jProgressBar1.setIndeterminate(true); } |
Kemudian mari kita jalankan, dan kita akan mendapatkan tampilan seperti gambar dibawah ini :
Hasil Penggunaan Method setHonorsVisibility()
Nah udah keren bukan sekarang LoginDialog kita Sekarang tinggal 1 lagi keanehan yang belum terpecah-kan pada Login Dialog di Project kenai-nya NetBeans yaitu pada gambar 2 dan gambar 3, ketika proses login gagal pesan kegagal tersebut ditampilkan juga pada posisi JProgressBar-nya wah gimana itu ?? Kembali lagi pada halaman tutorial GroupLayout yang ada disini dan kita menemukan 1 method lagi yaitu replace(existingComponent, newComponent); berikut penjelasan-nya :
replace(Component existingComponent, Component newComponent) replaces an existing component with a new one. One of the common operations needed for dynamic layouts is the ability to replace components like this. For example, perhaps a check box toggles between a component displaying a graph or a tree. GroupLayout makes this scenario simple with the replace() method. You can swap components without recreating all the groups.
Sekarang mari kita coba menerapkan method replace() tersebut pada kode kita, dan rubahlah konstruktor yang telah dibuat pada langkah diatas menjadi seperti dibawah ini :
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
private GroupLayout gl; /** Creates new form LoginDialog */ public LoginDialog(java.awt.Frame parent, boolean modal) { super(parent, modal); initComponents(); jProgressBar1.setVisible(Boolean.FALSE); /* default layout yang digunakan JDialog adalah BorderLayout (cek * dengan memanggil langsung method getLayout()) , jadi * kita harus mengambil GroupLayout-nya dari ContentPane(). Bisa di cek * pada method initComponent() */ gl = (GroupLayout) getContentPane().getLayout(); gl.setHonorsVisibility(jProgressBar1, false); } |
Setelah merubah konstruktor, sekarang tambahkanlah komponen JLabel melalui Other Components pada panel Inspector seperti gambar dibawah ini :
Tambahan JLabel untuk Pesan Error
Kemudian rubahlah method actionPerformed() untuk tombol login menjadi seperti dibawah ini :
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 |
private void btnLoginActionPerformed(java.awt.event.ActionEvent evt) { jProgressBar1.setVisible(true); jProgressBar1.setIndeterminate(true); /* Simulasi long running task menggunakan javax.swing.Timer :) */ ActionListener actionListener = new ActionListener() { int i = 0; public void actionPerformed(ActionEvent e) { System.out.println("i " + i); if (i==10) { gl.replace(jProgressBar1, lblError); } i++; } }; Timer actionTimer = new Timer(1000, actionListener); actionTimer.start(); } |
Jika sudah selesai, sekarang coba jalankan dan kita akan mendapatkan hasil seperti dibawah ini :
Tampilan Awal Login Dialog
Tampilan Ketika Tombol Login di pencet
Hurray …. sudah seperti milik NetBenas IDE, keren kan
Link-link terkait :
- GroupLayout Tutorial
- Contoh Project
- SubVersion Mudah Dengan RabbitVCS
Tulisan ini dibuat untuk menyukseskan Lomba Blog Open Source P2I-LIPI dan Seminar Open Source P2I-LIPI 2009.
Nanti saya tuliskan gimana ngebikin Form Login yah
Klo kebutuhannya spt itu, jangan pake Layout GroupLayout mas, tapi coba deh pakai CardLayout. Sedangkan cara pakainya mas bisa lihat disini[1]
[1] http://java.sun.com/docs/books/tutorial/uiswing/layout/card.html
oia mas, nanya lg ya. klo yg di-replace itu panelnya bukan component bisa ga mas? bisa kasi contoh ga? Thx b4. ^^
Mas, saya mau tanya tentang grouplayout ini. Kalau saya ingin ketika user klik radio button A, maka yg muncul comboBox A. Klik radio button B, yg muncul JTextField B, dst. Gmn caranya ya mas? Karna saya coba pake method replace itu, tp urutan user saat klik radio button kan pasti random. Jd misalkan saya coding seperti ini:
gl.replace(lblA, lblB);
Pdhl saat klik radio button B, belum tentu sebelumnya yg muncul di form adalah label A, bisa saja label C atau D. Jd, kalau ternyata yg muncul sebelumnya adalah label C dan bukan label A, malah muncul exception karna yg di-replace seharusnya bukan label A. Kira2 paham maksud saya ga mas? ^^”
Jd, yg saya mau tanya gmn cara penggunaan method replace-nya dengan situasi seperti itu?
Mohon petunjuknya ya. Tq.
Saya mau tanya nih bagaimana caranya supaya Form Login tersebut bisa di panggil dari JMenuItem misalnya File -> Login,
kalau di Delphi kan tinggal di copy unit nya saja atau buat procedur lagi supaya bisa diulang pemanggilan FormLoginnya kalau di Java bagaimana yah Mas Martinus sebab saya juga sedang mendalami java nih tapi kok enggak sesimple yang diharapkan yah Mohon dibalas yah mas
Terima kasih
Best Regard Richard Effendy