Cerita 10-2nd Image Control C# | Windows Phone-29 November 2013

Pada posting kali ini saya ilfan rifa'i akan share tentang Image Control melalui C# terusan untuk aplikasi yang sebelumnya, jadi jika kita klik tombol button terus menerus, maka akan berulang gambarnya. 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 :

Nah selanjutnya kita masukkan Button yang kedua, timpa ke button yang pertama, sehingga seperti ada satu button, padahal terdapat dua button.

Kemudian pada button 1 masukkan code berikut :

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

Liahat seperti gambar di bawah ini :

Kemudian pada button 2 masukkan code berikut :
BitmapImage newImage = new BitmapImage(new Uri("/Images/emma-watson-thinking-1366x768-wallpaper-1807.jpg", UriKind.Relative));
            myImage.Source = newImage;
            changeimageBT.Visibility = Visibility.Visible;
            changeimageBT2.Visibility = Visibility.Collapsed;


Lihat seperti gambar di bawah ini :

Maka sekarang jika button diklik, maka dengan kita klik terus menerus akan bolak-balik gambarnya.

Demikian pembahasan tentang Image Control C#, semoga bermanfaat.