Baca Juga
Listview adalah salah satu penampil data yang paling menarik, dibandingkan dengan datagrid, flexgrd atau dbgrid, listview terkesan yang paling elegan, dapat ditampilkan dalam 4 bentuk tampilan diantaranya icon, small icon, List dan Report.
Untuk menambah cantik tampilannya backgroundnya dapat ditambahi dengan gambar, tetapi hanya untuk listview versi 6 (component : windows common controls 6.0 (SP6)).
contoh listview setelah ditambahkan gambar :
contoh listview sebelum ditambahkan gambar :
Caranya sangat mudah, tinggal pilih mau yang pake coding atau yang ngeset propertiesnya, bila cara yang kedua yang dipilih ikuti langkah-langkah sebagai berikut :
Siapkan gambar-nya misalnya seperti ini
Tambahkan sebuah listview, atur propertiesnya sebagai berikut :
Setelah itu klik kanan listview dan pilih properties, pilih tab Column Headers, tambahkan beberapa kolom pada listview (misalnya 3) dengan cara klik tombol Insert Column, bila perlu isi juga kotak-kotak isian dibawahnya.
Selesai sudah, tinggal di run (F5), apabila kurang pas antar barisnya bisa disesuaikan dengan mengubah besar-kecilnya gamabar atau mengubah ukuran font-nya.
Bila Anda tidak suka cara diatas pake code-code dibawah ini saja untuk menggantinya :
Link Download Sample Project :
Untuk menambah cantik tampilannya backgroundnya dapat ditambahi dengan gambar, tetapi hanya untuk listview versi 6 (component : windows common controls 6.0 (SP6)).
contoh listview setelah ditambahkan gambar :
contoh listview sebelum ditambahkan gambar :
Caranya sangat mudah, tinggal pilih mau yang pake coding atau yang ngeset propertiesnya, bila cara yang kedua yang dipilih ikuti langkah-langkah sebagai berikut :
Siapkan gambar-nya misalnya seperti ini
Tambahkan sebuah listview, atur propertiesnya sebagai berikut :
| TextBackground | : | 0 - lvwTransparet |
| Font | : | Arial - 8 |
| GridLines | : | True |
| Picture | : | Cari gambar sesuai keinginan ... |
| PictureAligment | : | 5 - lvwTile |
| View | : | 3 - lvwReport |
Selesai sudah, tinggal di run (F5), apabila kurang pas antar barisnya bisa disesuaikan dengan mengubah besar-kecilnya gamabar atau mengubah ukuran font-nya.
Bila Anda tidak suka cara diatas pake code-code dibawah ini saja untuk menggantinya :
Private Sub Form_Load()
'set tampilan listview
Dim fnt As New StdFont
fnt.Name = "Arial"
fnt.Size = 8
With ListView1
.View = lvwReport
.ColumnHeaders.Add , , Label1.Caption, 1000
.ColumnHeaders.Add , , Label2.Caption, 1000, 1 ' nilai 1=rata kanan
.ColumnHeaders.Add , , Label3.Caption, 1000, 2 ' nilai 2=rata tengah
.GridLines = True ' tambahan grid, untuk versi 6 lebih lengkap propertiesnya, bisa dicoba sendiri
.MultiSelect = True
.Picture = LoadPicture(App.Path + "\test2.jpg")
.PictureAlignment = lvwTile
End With
End Sub
Link Download Sample Project :