Martinus Ady H. BloG

Mungkin ada diantara teman-teman yang sudah pernah membikin sebuah custom komponen di Java Swing, nah ada baiknya juga kalau custom komponen tersebut bisa kita pakai secara berulang-ulang dan kita tinggal melakukan proses drag-n-drop saja dari NetBeans Pallete ketika kita ingin menggunakannya. Tentunya lebih mudah bukan dengan proses seperti itu, daripada kita harus manual menulis kode untuk komponen yang sudah kita bikin

Sedangkan untuk mulai membuat sebuah Swing komponen yang bisa ditampilkan pada NetBeans Pallete, ada beberapa langkah yang harus kita lakukan yaitu :
1. Konfigurasi Project. (Pembuatan custom komponen memerlukan setting project khusus menurut saya loh ini )
2. Menulis Kode Yang Ingin Di Jadikan Sebagai Custom Komponen.
3. Konfigurasi Icon dan Membuat Class BeanInfo
4. Edit File Manifest.mf
5. Build dan sebarkan
6. Menambahkan Ke NetBeans Pallete

Nah setelah kita tahu langkah-langkah yang harus kita lakukan, maka siapkan dahulu sebungkus Marlboro Putih dan segelas susu coklat untuk menemani perjalanan ke planet Java dan mari kita mulai dari langkah pertama

1. Konfigurasi Project.
   Sekarang buatlah sebuah project Java dengan nama project MartinSwingUtil (nama project terserah sesuai dengan keinginan masing-masing pembaca, tetapi dalam contoh ini nama project yang digunakan adalah MartinSwingUtil) hingga tampilannya seperti gambar dibawah ini :
   
   Click to View Large Image

   Dari tampilan diatas, memang tidak ada yang spesial karena hanya menampilkan New Project biasa. Sekarang bukalah pallete File Explorer kemudian buatlah 2 buah direktori yaitu beaninfo dan component didalam direktori src hingga tampilannya menjadi seperti gambar dibawah ini :
   
   Click to View Large Image

   Tujuan utama kita membuat 2 buah direktori diatas adalah sebagai berikut :
   - Direktori beaninfo ini digunakan untuk menyimpan seluruh informasi bean dari seluruh custom komponen yang kita buat.
   - Direktori component ini digunakan untuk menyimpan seluruh class custom komponen kita

   Setelah membuat 2 buah direktori, sekarang kembalilah ke Project Explorer kemudian klik kanan pada Project Node dan pilihlah Properties seperti gambar dibawah ini :
   
   Click to View Large Image

   Sekarang hapuslah isi dari tabel Source Package Folders kemudian tambahkanlah direktori beaninfo dan component yang terdapat didalam direktori src hingga menjadi seperti gambar dibawah ini :
   
   Click to View Large Image

   Sampai langkah ini, proses konfigurasi project sudah selesai sekarang mari kita lanjutkan pada langkah ke 2 yaitu Menulis Kode Yang Ingin Di Jadikan Sebagai Custom Komponen.

2. Menulis Kode Yang Ingin Di Jadikan Sebagai Custom Komponen
   Pada posting saya yang kemarin, saya pernah menulis bagaimana cara membuat sebuah DropDownButton pada Java Swing dan class tersebut saya beri nama MDropDownButton. Nah pada tulisan ini, kita akan menggunakan kode tersebut untuk contohnya. Karena custom komponen yang saya posting kemarin termasuk dalam kategori Button, sekarang buatlah sebuah packages id.web.martinusadyh.button (untuk nama packages terserah sesuai dengan keinginan masing-masing pembaca) pada direktori src/component seperti gambar dibawah ini :
   
   Click to View Large Image

   Setelah membuat sebuah packages, sekarang buatlah sebuah Java Class kemudian pastekanlah kode yang terdapat pada posting kemarin hingga tampilannya menjadi seperti gambar dibawah ini :
   
   Click to View Large Image

   Karena class MDropDownButton membutuhkan sebuah icon, simpanlah dahulu gambar popuparrow.gif dibawah ini :
   

   Setelah menyimpan gambar diatas, sekarang buatlah sebuah packages id.web.martinusadyh.images kemudian pastekanlah gambar popuparrow.gif pada packages yang telah dibuat hingga menjadi seperti gambar dibawah ini :
   
   Click to View Large Image

   Ok custom komponen kita sekarang sudah siap untuk digunakan, cuma masih belum mempunyai icon ketika kita tambahkan ke dalam NetBeans Pallete. Sekarang mari kita lanjutkan ke langkah berikutnya.

3. Konfigurasi Icon dan Membuat Class BeanInfo
   Agar custom komponen kita mempunyai icon ketika kita tambahkan ke dalam NetBeans Pallete, kita harus membuat dahulu sebuah class yang merupakan turunan dari class java.beans.SimpleBeanInfo . Sekarang buatlah 2 buah packages pada direktori src/beaninfo seperti gambar dibawah ini :
   

   Sekarang carilah icon untuk custom komponen kita, sedangkan untuk ukurannya sebaiknya gunakan yang 16X16 pixel. Dan sebagai contoh simpanlah gambar MDropDownButton.gif dibawah ini :
   

   kemudian pastekanlah gambar MDropDownButton.gif pada packages id.web.martinusadyh.images hingga tampilannya seperti gambar dibawah ini :
   

   Setelah selesai dengan icon, sekarang buatlah sebuah class dengan nama MDropDownButtonBeanInfo pada packages id.web.martinusadyh.button yang merupakan turunan dari java.beans.SimpleBeanInfo kemudian pastekanlah kode dibawah ini :

   1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47

   /* * MDropDownButtonBeanInfo.java * * Created on Jul 23, 2008, 9:44:05 PM * * Copyright (c) 2008 Martinus Ady H <mrt.itnewbies@gmail.com>. * All rights reserved. * * Redistribution and use in source and binary forms, with or without * modification, are permitted provided that the following conditions are met: * * o Redistributions of source code must retain the above copyright notice, * this list of conditions and the following disclaimer. * * o Redistributions in binary form must reproduce the above copyright notice, * this list of conditions and the following disclaimer in the documentation * and/or other materials provided with the distribution. * * o The name of the author may not be used to endorse or promote products * derived from this software without specific prior written permission. * * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" * AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, * THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR * PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR * CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, * EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, * PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; * OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, * WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR * OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, * EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. */   package id.web.martinusadyh.button;   /** * * @author javamaniac <mrt.itnewbies@gmail.com> */ public class MDropDownButtonBeanInfo extends java.beans.SimpleBeanInfo {   @Override public java.awt.Image getIcon(int iconKind) { return loadImage("/id/web/martinusadyh/images/MDropDownButton.gif"); } }

   Nah hasil akhir dari semua proses yang sudah kita lewati adalah seperti gambar dibawah ini :
   

4. Edit File Manifest.mf
   Agar custom komponen yang sudah kita buat di kenal sebagai Java Beans kita harus mendaftarkan-nya pada file Manifest.mf, dan sekarang bukalah File Explorer dan double klik pada file Manifest.mf kemudian editlah menjadi seperti dibawah ini :

   1 2 3 4 5 6 7 8

   Manifest-Version: 1.0 X-COMMENT: Main-Class will be added automatically by build   Name: id/web/martinusadyh/button/MDropDownButton.class Java-Beans: True   Name: id/web/martinusadyh/button/MDropDownButtonBeanInfo.class Java-Bean: False

5. Build dan sebarkan
   Selesai, sekarang coba lakukan proses Clean and Build dengan menekan kombinasi tombol SHIFT+F11 untuk mendapatkan file jar yang siap di distribusikan
6. Menambahkan ke NetBeans Pallete
   Setelah selesai membuat custom komponen, sekarang mari kita coba dengan menambahkannya ke NetBeans Pallete. Dan untuk mengetesnya buatlah sebuah project baru kemudian tambahkanlah sebuah Main Form dan bukalah Main Form tersebut pada Design Mode seperti gambar dibawah ini :
   
   Click to View Large Image

   Masuklah ke Pallete Manager dengan cara klik kanan pada Pallete kemudian pilihlah Pallete Manager seperti gambar dibawah ini :
   
   Click to View Large Image

   Sekarang buatlah kategori baru dengan menekan tombol New Category kemudian isikan MartinSwingUtil seperti gambar dibawah ini :
   
   Click to View Large Image

   Setelah itu tekanlah tombol Add from JAR kemudian arahkanlah ke direktori yang menyimpan file MartinSwingUtil.jar seperti gambar dibawah ini :
   
   Click to View Large Image

   Pada jendela berikutnya, pilihlah MDropDownButton pada panel Availlable Component seperti gambar dibawah ini :
   
   Click to View Large Image

   Kemudian pada jendela Select Pallete Category pilihlah MartinSwingUtil kemudianlah tekanlah tombol Finish seperti gambar dibawah ini :
   
   Click to View Large Image

   Setelah mengikuti langkah diatas, harusnya di NetBeans Pallete sekarang sudah muncul seperti gambar dibawah ini :
   
   Click to View Large Image

Nah mudah bukan caranya membuat sebuah custom komponen kemudian menambahkannya ke dalam NetBeans Pallete ?

Link-link terkait :

1. SubVersion Mudah Dengan RabbitVCS

Tags: java swing netbeans

Teman-teman ingin mengcopy artikel pada blog ini ? Jangan kuatir, teman-teman bebas koq mengcopy seluruh atau sebagian dari isi artikel yang di posting pada blog ini dengan tujuan dan maksud apapun. Tapi bantu saya ya teman-teman dengan memberikan back link ke blog ini dengan mencantumkan alamat http://martinusadyh.web.id/ pada setiap artikel yang teman-teman copy atau publish di blog teman-teman :)

Feed for this entry. Leave a response, or trackback from your own site.