Fitra's Blog

Membuat Icon WP7 dari expression design 4

Fitra123 — Wed, 15 Feb 2012 13:29:00 GMT

Sekarang saya mencoba sharing cara cara membuat icon untuk applikasi windows phone kita
menggunakan Expression Design 4

Langsung saja buka Expression Design nya
1. Pilih Edit - Option - General

2. Ubah Rectangle antialiasing menjadi Smooth

3. Buat project baru (File - New) berikan width dan height dengan 1024 pixel. Cukup besar namun ini cuman untuk jaga-jaga :D

4. Untuk step selanjutnya silahkan bikin kreasi icon sebaik mungkin. kalo icon saya ga usah ditanya.
Jelek banget.. :D

5. Untuk memberikan efek pada objek bisa memberikan pada toolbox sebelah kanan terdapat tulisan effect
lalu klik fx pilih effect sesuai selera (kayak makanan aja)

6. Setelah selesai pembuatannya pilih tool Slice lalu select untuk icon yang telah dibuat
berikan width dan height kurang lebih 200 px...
NB: jangan dilihat iconnya.. alay banget.. maklum gak bakat desain :D

7. Setelah membuat slice pertama, hide slice yang telah dibuat agar tidak membingungkan anda membuat slice yang baru.
Buat slice baru dengan dimensi yang berbeda untuk icon" yang lain. langkah-langkahnya sama seperti diatas.
lihat tabel berikut ini

8. Setelah membuat Slice dengan dimensi diatas seperti contoh dibawah ini

9. Klik File - Export

10. Lalu pilih folder penyimpanan anda dan klik export all

11. Setelah itu masuk ke project anda melalui visual studio atau expression blend 4. untuk ini saya memakai visual studio
klik kanan add existing item

12. Anda bisa memilih semua slice yang telah dibuat tapi disini saya memilih 2.

13. Lalu pada properties image yang telah di masukkan tadi ubah masing-masing seperti dibawah ini

14. Setelah diubah semua klik kanan pada project pilih properties lalu ubah icon sesuai yang kita buat tadi
dan background image seperti yang kita buat tadi.

15.Setelah selesai semua jalankan aplikasi maka akan tampil seperti ini

Sekian dulu untuk sharing kali ini. semoga ini bisa membantu teman-teman
untuk kurang lebihnya saya mohon maaf.
Terima kasih. Fitra R.P

Visibility.. hilang dan muncul

Fitra123 — Sun, 12 Feb 2012 07:25:00 GMT

visibility adalah properti dari beberapa control pada windows phone yang dapat memunculkan ataupun menyembunyikan control.
Disini saya menggunakan silverlight dalam penulisan visibility yang sangat berbeda jika dibandingkan pemakaian visibility pada vb 6.. :D
langsung saja saya berikan contoh penggunaannya..

dalam xaml bisa ditulis seperti ini <jeniscontrol visibility="Collapsed atau visible">
dalam xaml.cs bisa ditulis seperti ini namacontrol.visibility = System.windows.visibility.collapsed atau visible

Collapsed disini digunakan untuk menyembunyikan control
visible disini digunakan untuk menampilkan control

disini berarti image pada sound_mute.png akan dihilangkan

dan jika masuk method mute_media() dicek apakah volume =0.00 jika ya maka sound_mute.png akan ditampilkan
sebaliknya jika volume=1.00 maka sound_mute.png akan disembunyikan

Screenshot

pada saat volume = 1.00 maka image akan disembunyikan

pada saat tombol mute diklik maka volume = 0.00 dan image akan ditampilkan

Semoga ini dapat membantu teman-teman..
Terima kasih Fitra.R.P

Application Bar pada windows phone

Fitra123 — Sun, 12 Feb 2012 03:05:00 GMT

Mungkin sudah banyak yang tau tentang application bar.
Application bar adalah icon berbentuk lingkaran yang terletak di bawah windows phone dan dapat digunakan sebagai tombol ataupun menu item.

Lihat gambar dibawah ini

untuk itu saya mencoba berbagi cara membuat application bar.
Coding App bar sudah ada pada xaml saat kita membuat project baru windows phone namun coding tersebut masih diberi comment

ApplicationBarIconButton digunakan untuk membuat tombol-tombol yang secara otomatis akan dimasukkan dalam icon yang berbentuk bulat seperti gambar diatas
ApplicationBarMenuItem digunakan untuk membuat daftar item-item yang disimpan.
untuk menghapus comment tersebut dapat menghilangkan tanda (  ) pada akhir coding.

Saya akan memberikan sedikit contoh penggunaan Application bar

mainpage.xaml

mainpage.xaml.cs

Solution Explorer

Pada application icon button:
Iconuri digunakan untuk menampilkan icon pada button tersebut
Text digunakan untuk memberikan nama pada button tersebut
Click digunakan untuk memberikan event pada saat button tersebut diclick.. misal play_media maka jika button itu diklik akan menuju method play_media() pada mainpage.xaml.cs

Semoga ini dapat membantu teman-teman dalam menggunakan application button.
terima kasih. Fitra.R.P

WP Emulator is doing a complete os boot

Fitra123 — Tue, 07 Feb 2012 04:55:00 GMT

Mungkin beberapa orang mengalami masalah seperti saya. "Windows phone emulator is doing a complete os boot" terjadi error pada saat kita mendeploy windows phone.
Mungkin hal ini terjadi karena emulator save state file terjadi corrupt atau missing file.

Jangan tergesa-gesa untuk install ulang OS nya.. langsung saja kita cari solusinya..

Pada saat mendeploy sebuah aplikasi windows phone pada IDE apapun apabila emulator terjadi seperti pada gambar berikut

Solusinya yaitu:

1. Masuk pada drive C:\ProgramData\Microsoft\XDE. Hapus semua file dari folder XDE tersebut.

NB: \ProgramData dalam keadaan Hiden

2. Buka Command Prompt klik kanan pilih run administrator

3. Setelah itu masukkan command sebagai berikut : msiexec/update WindowsPhoneDeveloperResources_en-US_Patch1.msp

4. Jika setelah memasukkan command tersebut terjadi error seperti ini

Maka gunakan solusi kedua yaitu uninstall SDK dari windows phone lalu install lagi SDK dari windows phone tersebut.
Yang terpenting semua file pada folder XDE telah terhapus semua. Karena mungkin terjadi corrupt atau missing file pada folder tersebut.

Semoga solusi ini dapat mengatasi masalah ini.
Terima Kasih.. Fitra R.P