Fitra's Blog

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 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
 

<Image Height="48" HorizontalAlignment="Left" Margin="408,14,0,0" Name="image1" Stretch="Fill" VerticalAlignment="Top" Width="48" Source="sound_mute.png" Visibility="Collapsed" />

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

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 awal coding dan 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

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