(WP8)Membuat Tampilan Images Metro

Images pada tampilan metri terbilang unik, karena imagesnya di buat bergerak sendiri seperti animasi, padahal itu tidak, itu meurupakan kumpulan gambar – gambar yang di jadwalkan perubahannya dan di bagi – bagi dalam beberapa bentuk atau ukuran, kali ini kita akan membahasnya.

1. Create Project dengan nama ImagesMetro

2. Masukkan file gambar dalam ukuran kecil

3. Buka file main.xaml dan tuliskan script di bawah ini

  <c4f:ImageTile x:Name="imgTile" Width="400" Height="300"/>

sehingga tampilan seperti ini
Capture

4.Buka file main.cs

membuat method perulangan untuk mengambil gambar dari url dengan mengunakan for

  private List GetImageData()
        {
			List data = new List();//mengcontruktorkan list menjadi data

			for (int i = 0; i <= 4; i++)
			{
				data.Add(new Uri(String.Format("Images/bmw{0}.jpg", i), UriKind.RelativeOrAbsolute)); // memasukkan file pada gambar
			}

            return data;
        }

memasukkan aktivitas dalam method main.

 this.imgTile.ItemsSource = this.GetImageData();

6. Run dan hasilnya seperti ini

Capture

Advertisements

Published by

jarcode

hello I am jarcode

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s