Cerita 9-Image Control C# | Windows Phone-22 November 2013

Pada posting kali ini saya ilfan rifa'i akan share tentang Image Control melalui C#, berikut tutorialnya :

1. kita akan membuat program Image Control melalui C#, agar Anda tidak bingung, maka saya akan berikan gambaran sebelum memulai membuat program, jadi gambar tersebut bisa berpindah jika kita klik button, seperti gambar berikut :

2. Jalankan Windows Phone

3. Create New Project

4. Beri nama sesuai judul yang terkait, contoh ImageControl atau terserah anda dan kita pilih Windows Phone App dan klik OK

5. Pada form berikut, kita pilih Target Windows Phone OS Version ke Windows Phone OS 7.1

6. Tunggu hingga proses berikut selesai

7. Kita akan membuat Image Control, agar Anda tidak bingung, berikut saya berikan contoh gambar program yang sudah saya buat

8. Pertama tama klik kanan pada ImageControl dan Add Folder, beri nama Image atau terserah anda, setelah itu add Existing item, dan cari gambar sesuai keinginan sebanyak 2 image

9. Kemudian drag and drop Image dan berikan nama jadi myImag, setelah itu pada Properties, ketikan source seperti gambar dibawah ini

Maka tampilan akan seperti gambar di bawah ini

10. Kemudian drag and drop button, setelah itu klik 2 kali pada button tersebut, masukkan code berikut :

using System.Windows.Media.Imaging;

Contoh peletakan seperti gambar di bawah ini :

Masukkan code berikutnya :

BitmapImage newImage = new BitmapImage(new Uri("/Images/cool-dakota-fanning-1366x768-wallpaper-1884.jpg", UriKind.Relative));
myImage.Source = newImage;

Contoh peletakan seperti gambar di bawah ini :

Selesai, sekarang jalankan programnya, jika berhasil maka akan seperti gambar di bawah ini :

Tampilan pertama :

Tampilan kedua setelah klik tombool button :

Demikian pembahasan tentang Image Control C#, semoga bermanfaat.