Programming Tutorial: Membuat Aplikasi Picture Viewer Sederhana Dengan Visual Studio Express (Part 5 FINAL)

Melanjutkan programming tutorial pembuatan software atau aplikasi Picture Viewer, kali ini kita memasuki part terakhir, yaitu part 5. Sebelumnya, anda sudah belajar bagaimana menggunakan toolbox beserta isinya. Seperti button dan control serta penggunaan Properties Window dengan benar. Kali ini, kita akan menyelesaikan semuanya dengan menambahkan script VB pada tiap button, agar semua button berfungsi dan aplikasi anda menjadi selesai.

Bagi anda yang belum mengikuti part sebelumnya, anda bisa mengklik link dibawah ini:

1. Programming Tutorial: Membuat Aplikasi Picture Viewer Sederhana Dengan Visual Studio Express (Part 1)
2. Programming Tutorial: Membuat Aplikasi Picture Viewer Sederhana Dengan Visual Studio Express (Part 2)
3. Programming Tutorial: Membuat Aplikasi Picture Viewer Sederhana Dengan Visual Studio Express (Part 3)
4. Programming Tutorial: Membuat Aplikasi Picture Viewer Sederhana Dengan Visual Studio Express (Part 4)

Visual Studio Express 2012 memiliki fitur yang bernama IntelliSense yang dapat membantu anda dalam menulis script di Visual Studio. Ketika anda mulai mengetik script, IntelliSense akan memunculkan script pilihan yang dapat anda pilih ketika anda memasukkan huruf pertama dari script. Sehingga, akan mempermudah anda dalam penulisan script

Buka proyek Picture Viewer anda. Lalu, klik dobel pada button ‘Buka’. Otomatis, anda akan dibawa ke tab ‘Form1.vb’. Dan kursor akan berada di antara Private Sub dan End Sub. Ketik huruf ‘i’ dan IntelliSense akan muncul seperti dibawah ini:

Ketika kursor mouse berada di IntelliSense, otomatis IntelliSense akan memberitahu fungsi dari script tersebut. Untuk saat ini, ketik IF dan tekan tab. Otomatis script IF akan masuk kesana. Anda juga dapat menggunakan IntelliSense untuk script yang lain.

Untuk saat ini, anda cukup copy dan paste script dibawah ini, agar button ‘Buka’ dapat bekerja:

If OpenFileDialog1.ShowDialog() = DialogResult.OK Then
        PictureBox1.Load(OpenFileDialog1.FileName)
End If 

Copy dan paste script diatas diantara Private Sub dan End Sub dari button ‘Buka’. Hasil akhirnya menjadi seperti ini:

Klik dobel pada button ‘Bersihkan’ dan copy & paste kode dibawah ini:

PictureBox1.Image = Nothing

Maka hasil akhirnya menjadi seperti ini:

Klik dobel pada button ‘Memilih Warna Background’ dan copy & paste kode dibawah ini:

If ColorDialog1.ShowDialog() = DialogResult.OK Then
        PictureBox1.BackColor = ColorDialog1.Color
End If

Maka hasil akhirnya menjadi seperti ini:

Klik dobel pada button ‘Tutup’ dan copy & paste kode dibawah ini:

Close()

Maka hasil akhirnya menjadi seperti ini:

Klik dobel pada CheckBox ‘Strech’ dan copy & paste kode dibawah ini:

If CheckBox1.Checked Then
        PictureBox1.SizeMode = PictureBoxSizeMode.StretchImage
    Else
        PictureBox1.SizeMode = PictureBoxSizeMode.Normal
End If 

Maka hasil akhirnya menjadi seperti ini:

Program Picture Viewer anda telah selesai. Silahkan coba program anda dengan menekan tombol F5. Silahkan gunakan tiap button yang ada dan cek, apakah kode tersebut bisa atau tidak. Ketika anda membuka gambar, anda bisa memberi tanda centang pada Stretch, agar ukuran gambar sesuai dengan ukuran window dari Picture Viewer.

Pada part terakhir ini, anda telah belajar:

1. Menggunakan IntelliSense
2. Menggunakan Script VB
3. Mencoba Picture Viewer