Lompat ke konten Lompat ke sidebar Lompat ke footer

Tutorial membuat Image Viewer dengan C#

Hai sobat jufrikablog, sudah lama saya tidak posting pelajaran udah hampir 2 minggu blog ini vakum tanpa artikel baru hanya mengupdate artikel lama saja, kali ini saya akan share bagaimana membuat Image Viewer Sederhana dengan aplikasi c#. Dimana image viewer ini dapat menjadi pemahaman baik bagi sahabat yang ingin memperdalam bahkan memulai memperdalam ilmu tentang pemrosesan gambar / Image Processing / Pengolahan Citra.


Langsung saja berikut tutorialnya

1. Jalankan aplikasi Microsoft Visual C# 2010 Express, bagi yang memiliki software pemrograman C# bisa download disini.

2. Buat project baru dengan memilih menu File, New Project.

3. Pada window New Project, pilih Windows Forms Application dan beri nama project, misalnya
Percoban I dan solution name DIP_NIM atau bisa sobat costumisasikan sendiri.


4. Setelah diklik OK, maka akan muncul Form kosong seperti pada gambar berikut :


5. Ukuran form dapat diatur sesuai keinginan kita dengan menggunakan mouse

6. Klik kanan form dan ubah nama form dengan nama percobaan I_NIM


7. Klik Toolbox untuk menambahkan picturebox, button1 dan openFileDialog1 ke dalam form.


8. Klik kanan pictureBox1 kemudian lakukan setting properties pictureBox1 seperti berikut :
BorderStyle : FixedSingle
Size : 320,240
SizeMode : StretchImage


9. Klik kanan openFileDialog1, lakukan setting propetis sbb:
FileName : _____(kosong)
Filter : Image files (*.jpg,*.png,*.tif,*.bmp,*.gif)|*.jpg;*.png;*.tif;*.bmp;*.gif|JPG files (*.jpg)|*.jpg|PNG files (*.png)|*.png|TIF files (*.tif)|*.tif|BMP files (*.bmp)|*.bmp|GIF files (*.gif)|*.gif
Title : Open Image


10. Double klik tombol Open File kemudian tuliskan sub rutin program berikut :
private void button1_Click(object sender, EventArgs e)
{
openFileDialog1.ShowDialog();
}


11. Double klik OpenFileDialog1 kemudian tuliskan sub rutin program berikut :
private void openFileDialog1_FileOk(object sender, CancelEventArgs e)
{
sourceImage = (Bitmap)Bitmap.FromFile(openFileDialog1.FileName);
pictureBox1.Image = sourceImage;
}


12. Tambahkan global variable sourceImage pada bagian deklarasi variable seperti berikut :
public partial class Form1 : Form
{
Bitmap sourceImage;
public Form1()

InitializeComponent();
}


13. Klik Debug, kemudian pilih Start Debuging atau tekan F5 untuk menjalankan program.
14. Klik tombol Open File dan arahkan ke salah satu file gambar yang ada di komputer sobat.
Gambar yang sobat pilih akan muncul pada pictureBox1.


Seperti gambar di bawah ini: 
  
Nah untuk lebih memahaminya sobat bisa mencoba mengubah ubah ukuran borderstyle atau pun yang lainnya di properties pictureBox1 .

Sekian dulu semoga bermanfaat ya sob , jangan lupa like sebagai tanda terimakasih.
to close