Lompat ke konten
BerandaDesktopWindowsWindows 7Programming Tutorial: Membuat Aplikasi Picture Viewer Sederhana Dengan Visual Studio Express (Part 5 FINAL)

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:

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
Mari belajar menggunakan IntelliSense

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.
Memasukkan Script VB di button
Button ‘Buka’

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:

Button ‘Bersihkan’.

Klik dobel pada button ‘Bersihkan’ dan copy & paste kode dibawah ini:
PictureBox1.Image = Nothing

Maka hasil akhirnya menjadi seperti ini:

Button ‘Memilih Warna Background’
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:

Button ‘Tutup’

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

Maka hasil akhirnya menjadi seperti ini:

Control ‘CheckBox1’ (Strech)

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:

Mencoba Program Picture Viewer

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.
Ringkasan

Pada part terakhir ini, anda telah belajar:
  1. Menggunakan IntelliSense
  2. Menggunakan Script VB
  3. Mencoba Picture Viewer
Selamat, program Picture Viewer anda telah selesai. Tetap kunjungi Windowsku, Pusat Informasi Komputer dan Windows untuk mengetahui tips lainnya.

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *