Selasa, 29 Juli 2014

Windows 8 App : Tombol untuk memainkan suara/video

Setelah sebelumnya kita sudah belajar bagaimana menambahkan media suara/video ke Aplikasi, sekarang kita akan belajar bagaimana cara memainkan media dengan menggunakan tombol. Baiklah berikut adalah langkah-langkahnya:

1. Tambahkan MediaElement ke halaman aplikasi kita, jika anda belum tahu bagaimana caranya silakan lihat di link posting berikut ini: Menambahkan MediaElement ke Aplikasi.

2. Berikan nama pada MediaElement misalnya "PlaySound", bisa lewat panel Properties :

 

atau langsung menulisnya pada baris kode MediaElement:



3. Tambahkan sebuah tombol lalu berikan event Click, caranya adalah dengan klik 2 kali pada tombol/klik 2 kali pada kolom event Click yang ada pada panel Properties.

Letakkan sintaks berikut ini dalam event Click:

4. Jalankan aplikasi dengan menekan tombol F5. Kita bisa play dan pause media dengan menekan tombol tersebut.

Sekian tutorial kali ini, semoga bermanfaat. Jika ada pertanyaan silakan tulis di kolom komentar.

Menambahkan Suara/Video ke Aplikasi Windows 8

Terkadang untuk melengkapi fitur pada program yang akan kita, maka kita tambahkan media suara maupun video. Kali ini kita akan membahas bagaimana memasukkan suara/video ke program yang kita buat. Berikut adalah langkah-langkahnya:

1. Buat Project baru. File > New > Project. Pada jendela baru yang terbuka pilih: Visual C# > Windows Store > Blank App (XAML).
2. Tambahkan media (file suara/video) yang akan dipakai ke projek, yaitu dengan mengklik kanan folder Assets pada Solution Manager > Add > Existing Item > Browse File dan Klik Open.

Dengan begini file telah ada di projek kita.

3. Kembali ke halaman MainPage.xaml. Tambahkan MediaElement dengan cara Drag and Drop MediaElement yang ada di Toolbox.

4. Seleksi MediaElement, kemudian lihat pada panel Properties > Media > Source > Pilih media yang akan dipakai.

5. Jalankan aplikasi dengan menekan tombol F5, maka saat aplikasi terbuka media akan secara otomatis dimainkan.

Untuk menambahkan video caranya sama seperti di atas. Selamat mencoba.

Membuat tombol navigasi Aplikasi Windows 8

Pertama kali saya membuat aplikasi windows 8, saya sempat bingung bagaimana cara berpindah dari 1 halaman ke halaman lain. Akhirnya setelah beberapa lama mencari ketemulah solusinya, dan ternyata sangat sederhana hehe. Agar teman-teman tidak kesusahan seperti saya dulu, maka kali ini akan saya sajikan bagaimana cara membuat tombol untuk berpindah halaman pada bahasa XAML. Berikut adalah langkah-langkahnya:

1. Buatlah project baru.  File > New > Project. Pada jendela baru yang terbuka pilih: Visual C# > Windows Store > Blank App (XAML).
2. Tambahkan halaman baru di project kita. Project > Add New Item > Visual C# > Windows Store > Basic Page.

3. Tambahkan sebuah tombol pada halaman utama (MainPage.xaml), berikan event Click lalu masukkan kode berikut ini:


4. Uji navigasi tombol tersebut. Jalankan aplikasi dengan menekan tombol f5. Klik tombol navigasi maka halaman kedua akan terbuka.

Nah, sekian tutorial kali ini semoga bermanfaat. :)