Ketika kita membuat aplkasi mobile phone terkadang ada saat-saat kebutuhan untuk menambahkan efek suara baik pada button maupun image untuk menambah user experience menjadi lebih baik,pada tulisan saya kali ini akan saya jelaskan cara nya menambahkan efek suara pada image sekaligus memberikan sedikit sentuhan animasi ketika image tersebut di tekan.kali ini yang saya menggunakan tools favorit saya expression blend for windows phone.Untuk lebih jelas nya lakukan langkah2 sebagai berikut
1.Buka Expression blend,klik new project windows phone application beri nama project “My Apps” lalu klik ok

2.Tambahkan resource/material dengan cara klik kanan project add existing items.item2 yang ditambahkan brupa 3 efek suara ber extensi .wav dan 3 buah image
3.drag 3 buah image tersebut ke layer utama.
kunci untuk menambahkan efek suara ialah memberikan fungsi control playsound action.
pilih menu behaviour-playsound action drag masing masing ke 3 image tersebut,lalu pada panel kanan pilih file suara yang sudah diinputkan ke dalam project di dalam menu combo box .
disini kita sudah bisa memasukkan file suara pada aplikasi
4.Selanjutnya kita memberikan sentuhan animasi pada image ketika image tersebut di tekan..di Expression blend kunci pada pmbuatan efek animasi ialah pada control storyboard.klik icon add lalu beri nama bird1.ini adalah nama control animasi pada object tsb.
5.geser garis warna kuning pada time line sambil tekan tombol record warna putih kecil,dan putar image 360 derajat.ini adalah gerak yang nanti nya tampil ketika image tsb di tekan
6.lakukan seperti nomer 4 diatas beri nama bird2
7.geser garis timeline tsb ke arah time 2,lalu arahkan garis ke posisi 1,gerakkan image ke atas lalu pilih efek animasi yang ada di kanan.(pilih bounce inout)
8.lakukan kembali seperti nomer 4 beri nama bird3
9.Arahkan garis timeline ke posisi nomor 1,perbesar image dengan cara klik sudut image hingga dan perbesar gambar
10.arahkan kursor ke control bird3 lalu centang auto reserve,ini berfungsi sebagai looping image jadi ketika image ditekan size image akan besar lalu otomatis berubah menjadi kecil lagi seperti ukuran semula ,image tsb akan begitu seterus nya ketika ditekan .
11.Pada tahap akhir ialah pemberian control StroryboardAction yang berfungsi untuk memasukkan control animasi seperti bird1,bird2,bird3 ke dalam object/image agar bisa berfungsi seperti yang diolah pada storyboard yang sudah kita setting tadi.
pilih menu behaviour lalu pilih control Control StoryBoarAction Drag ke masing-masing image tsb dan inputkan control bird1,ulangi langkah2 tsb ke masing-masing image
12.tekan f5 untuk melihat hasil nya
