Membuat efek detak pada gambar “Love” pada windows phone 7

Posted: March 18, 2013 by Sartikha in C Sharp, Heart Rate, Windows Phone

heartb

Pada video terlihat seperti terjadi detak pada gambar “love” yang diberi tanda panah. Terinspirasi dari aplikasi colorblind test yang bisa memanggil beberapa gambar dalam 1 image xaml, akhirnya saya cba untuk membuatnya pada aplikasi heart rate ini.

Langkah-langkahnya sebagai berikut:

  • Drag image pada toolbox ke workspace

love

  • Masukan dua gambar image yang akan diubah secara bergantian. Dalam hal ini saya mengambil icon di metro studio sehingga gambarnya bagus ketika di resize.
  • Masuk ke fungsi tombol start lalu masuk pada perhitungan tiap detak, perhitungan detak adalah 0 & 1. 1 jika berdetak dan 0 jika tidak. Kita tinggal menggunakan if-else untuk kondisi ini.

    Algoritmanya : Jika beats==1 maka muncul gambar b1.png jika 0/else muncul gambar b2.png

  • Lalu deklarasikan tiap image yang akan dipanggil pada directory. Karena hanya akan memanggil 2 image maka buat 2 deklarasinya.

    string _imageDirectory = “/TA;component/Images/b1.png”;

    string _imageDirectory1 = “/TA;component/Images/b2.png”;

  • Masukan kode berikut pada

if (beats == 1)
{
z++;
BitmapImage bitmapImage = new BitmapImage(new Uri(_imageDirectory, UriKind.Relative));
image3.Source = bitmapImage;

}
else
{
BitmapImage bitmapImage1 = new BitmapImage(new Uri(_imageDirectory1, UriKind.Relative));
image3.Source = bitmapImage1;
}

Jalankan aplikasi, maka akan kamu temukan efek perubahan gambar pada setiap detak.. Selamat mencoba ^^

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