#loadimage

Setelah membahas mengenai bagaimana cara untuk Capture Image di Windows Phone App (check here), kali ini kita akan membahas bagaimana Load Image from Gallery. Load Image friom Gallery artinya gambar yang telah tersimpan sebelumnya di Gallery akan tampil di page aplikasi kita. Caranya pun sangat mirip dengan Capture Image.

Tutorial (sangat) sederhananya bisa diikuti di bawah ini:

Mengedit Page xaml

1. Create project baru atau buka project kalian yang telah dibuat sebelumnya di Visual Studio.

2. Create button untuk load image from gallery. Contohnya seperti ini.

Tutorial membuat button bisa dicek di sini.

3. Buka page xaml, dan tambahkan seperti di bawah ini 

Berikut penjelasan mengenai kodingan tersebut.

ImageLoader dimaksudkan sebagai tempat hasil capture akan ditampilkan di page

ImagePicker nantinya akan menyembunyikan button setelah hasil capture ditampilkan di page.

Pastikan kalian membuat Click = "Load_Image" untuk mengedit button kita di xaml.cs

 4. Klik kanan Click = "Load_Image" dan pilih Go To Definition. Kalian akan langsung diarahkan ke page xaml.cs

Mengedit Page xaml.cs

Kita juga menggunakan beberapa library tambahan, yaitu Microsoft.Phone.Tasks, System.IO, dan System.Windows.Media.Imaging. Pastikan kalian menambahkan library-library tersebut di page xaml.cs. Contohnya seperti ini: 

Dan sekarang saatnya mengedit page xaml.cs :)

1. Setelah mengklik Go To Definition di Click = "Load_Image", kalian akan langsung menuju private void Load_Image. Tambahkan selectphoto.Show(); di dalam kurung kurawalnya.

2. Tambahkan variabel seperti di bawah ini

3. Di bawah Initialize Component(), tambahkan

  selectphoto = new PhotoChooserTask();

  selectphoto.Completed += new EventHandler<PhotoResult>(selectphoto_Completed);

4. Di bawah private void Load_Image, tambahkan kodingan ini

Yap, Load Image from Gallerry-nya sudah bisa dijalankan. Simpel kan? :)