Dalam membuat sistem
informasi/aplikasi/software, tampilan atau user interface tidak kalah pentingnya
karena akan mempengaruhi kenyamanan user dalam menggunakan aplikasi yang kita
buat. Pada kesempatan kali ini irna akan mencoba share cara mempercantik
tampilan jTable pada java swing desktop. Lebih tepatnya mengubah warna dan
jenis font, background, header jTable/tabel. Berikut langkah-langkahnya :
1. Seperti biasa buat dahulu projectnya, pada tutorial ini irna mencoba mendesign jTable pada aplikasi klinik di form pengguna dengan nama form : frmPengguna dan nama jTable : tblPengguna. Design form sebagai berikut.
1. Seperti biasa buat dahulu projectnya, pada tutorial ini irna mencoba mendesign jTable pada aplikasi klinik di form pengguna dengan nama form : frmPengguna dan nama jTable : tblPengguna. Design form sebagai berikut.
2. Ubah properties background, font dan foreground pada jTable nya seperti pada
gambar berikut (sesuai keinginan Anda masing-masing) :
3. Membuat class warnaTabel dengan cara klik kanan
pada source package Anda, pilih New, pilih java class dan berikan nama class
nya dengan warnaTabel, ketikkan code berikut :
public class warnaTabel extends
DefaultTableCellRenderer {
private Color ganjil;
private Color genap;
public warnaTabel(Color ganjil,Color genap){
this.ganjil=ganjil;
this.genap=genap;
}
@Override
public Component getTableCellRendererComponent(JTable table, Object
value, boolean isSelected, boolean hasFocus, int row, int column){
Component component = super.getTableCellRendererComponent(table, value,
isSelected, hasFocus, row, column);
if (row % 2 == 1){
component.setBackground(ganjil);
}else{
component.setBackground(genap);
}
return component;
}
4. Kemudian kembali ke tab Source, dibwah source
code public class frmPengguna extends
javax.swing.JInternalFrame { tambahkan code berikut :
private
DefaultTableModel tabMode;
koneksiDB koneksi=new koneksiDB();
5. Dibawah initComponents();
tambahkan code berikut :
//Mengubah font dan warna header jTable
Object[]
row={"<html><b><font color='FF8C00' face='Eras Medium
ITC'>Nama
Pengguna</font></b></html>","<html><b><font
color='FF8C00' face='Eras Medium ITC'>Kata Sandi</font></b></html>","<html><b><font
color='FF8C00' face='Eras Medium ITC'>Level
Pengguna</font></b></html>"};
tabMode=new DefaultTableModel(null,row){
@Override public boolean
isCellEditable(int rowIndex, int colIndex){return false;}
};
tblPengguna.setModel(tabMode);
koneksi.panggilDriver();
tampil();
tblPengguna.setDefaultRenderer(Object.class, new
warnaTabel(bground4.getBackground(),tblPengguna.getBackground()));
tblPengguna.setPreferredScrollableViewportSize(new Dimension(900,500));
tblPengguna.setAutoResizeMode(JTable.AUTO_RESIZE_OFF);
for (int i = 0; i < 3; i++) {
TableColumn column = tblPengguna.getColumnModel().getColumn(i);
if(i==0){
column.setPreferredWidth(382);
}else if(i==1){
column.setPreferredWidth(350);
}else if(i==2){
column.setPreferredWidth(280);
}
}
PENTING :
- Code yang berwarna merah sesuaikan dengan kode koneksi database project Anda
masing-masing.
-
Nama table dan judul tiap kolom pada header colom table juga
sesuaikan dengan table Anda.
6. Coba jalankan project Anda, berikut hasil design
jTable project irna.
Finish.... selamat mencoba dan HAPPY CODING :D
Jika temen2 ada yang minat e-book nya silahkan Download
NB : Pasti banyak kekurangan atau mungkin banyak kesalahan yang penting bukan hasil copy paste dari blog lain, makanya Irna tunggu kritik dan sarannya, terimakasih..
Comments
Post a Comment