Friday, July 7, 2017

Cara Membuat Aplikasi Penampil Gambar Sederhana


Kali ini kita akan membuat sebuah aplikasi penampil gambar sederhana dengan C#. Aplikasi ini mempunyai fitur yang amat sederhana, yaitu membuka dan menyimpan gambar.

Oh-ya, di sini saya menggunakan Visual Studio 2013. Anda bisa menggunakan versi berapapun asalkan tidak terlalu lama. Seperti Visual Studio 6 misalnya, karena dalam aplikasi tersebut C# belum hadir.
Jika Visual Studio sudah terinstal dengan sempurna, kita bisa langsung belajar membuat aplikasi ini. Ikuti langkah-langkah berikut:

  • Buka Visual Stuido.
  • Buat project baru dengan memilih menu FIle - New - Project. Pilih Visual C# (Windows Form Application).
  • Isi Name dan Solution Name dengan Citra1 atau nama yang Anda inginkan. Klik Ok.
  • Akan muncul form baru seperti berikut
  • Tambahkan dua button dengan cara menarik komponen [Button] dari jendela [Toolbox] ke dalam form.
  • Beri nama button1 dengan "Load", dan button2 dengan "Save".
  • Tarik komponen PictureBox dari Toolbox sebagai tempat untuk menampilkan gambar. Pada sudut kanan atas PictureBox akan terdapat simbol segitiga. Klik simbol tersebut dan ganti size mode menjadi StretchImage.
  • Kemudian tambahkan OpenFileDialog dan SaveFileDialog ke dalam form.  Sehingga akan tampil openFileDialog dan saveFileDialog di bawah form.
  • Sampai di sini form sudah siap, kita tinggal menuliskan baris programnya.
  • Klik dua kali pada ruang kosong di dalam form, sehingga muncul layar kode berikut:
  • Tambahkan sebuah obyek Image dengan nama File dibawah baris kode public partial class From1:Form
  • Double klik button1 (Load) dan tambahkan kode berikut:
    DialogResult d = openFileDialog1.ShowDialog();
    if (d == DialogResult.OK)
    {
             File = Image.FromFile(openFileDialog1.FileName);
             pictureBox1.Image = File;
    }

  • Agar gambar bisa disimpan, maka kita harus menambahkan library dengan menuliskan kode berikut di bagian paling atas.
    using System.Drawing.Imaging;

  • Double klik button2 (Save) dan tambahkan kode berikut:
    DialogResult d = saveFileDialog1.ShowDialog();
    if (d == DialogResult.OK)
    {
             File.Save(saveFileDialog1.FileName, ImageFormat.Jpeg);
    }

  • Aplikasi telah selesai, kita bisa langsung mencobanya. Untuk menjalankannya tekan tombol start yang berlambang segitiga hijau atau tekan F5.
  • Berikut tampilan aplikasi yang telah kita buat.

Sekaian dulu dari saya, Terimakasih.

2 comments:

  1. This comment has been removed by the author.

    ReplyDelete
  2. klo didalam gambarnya ditambah gambar lagi, supaya ke save dua-duanya dalam satu file gimana caranya gan?

    ReplyDelete