Latihan sederhana dengan TabStrip

Baca Juga

Sebelumnya pastikan telah menambahkan component :  Microsoft windows common control 5.0 (SP2) atau Microsoft windows common control 6.0 (SP3). dalam project anda.

Kemudian masukkan beberapa component berikut kedalam Form anda

Tabstrip
3 buah PictureBox yang masing masing dimasukkan Label didalamnya
ImageList

Atur Properties ImageListnya seperti pada posting saya terdahulu, dapat dibaca disini.

Atur Properties TabStrip seperti ini :

Klik kanan pada TabStrip yang telah ditambahkan ke dalam Form tadi. Pada tab general imageList, ganti dengan imageList1, pada tab 'Tabs" (lakukan penambahan Tab dengan "Insert Tab" dan Menghapus Tab dengan "Remove Tab"), kemudian pada masing2 tab atur propertiesnya seperti gambar dibawah ini.

 

Kemudian masukkan beberapa baris code dibawah ini ke dalam jendela code Visual Basic Anda :

Private Sub Form_Load()
Picture1.Top = 720
Picture2.Top = 720
Picture3.Top = 720

Picture1.Left = 480
Picture2.Left = 480
Picture3.Left = 480

Me.Height = 3465
End Sub

Private Sub TabStrip1_Click()
    Select Case TabStrip1.SelectedItem.Index
        Case 1
            Picture1.ZOrder 0
        Case 2
            Picture2.ZOrder 0
        Case 3
            Picture3.ZOrder 0
    End Select
End Sub

Sample Projectnya bisa di Download disini.