IMAGE CONTROL
haloo sahabat blogger ketemu lagi nih di pertemuan kali ini, pada pertemuan kali ini kita akan membahas tentang image control. okeh deh tanpa basa basi kita langsung membuat sebuah project tentang image control..
IMAGE CONTROL 1
1. New Project (ctrl+shift+N)
2. Pilih windows Phone App + Visual C#
3. Beri nama project “imagecontrol1” Name project jangan lupa samakan dengan Solution Name
4. Lalu browse dan pilih dimana kita akan menyimpan Folder Project aplikasi yang akan kita buat.
5. Lalu klik OK dan pilih Windows OS 7.1 lalu klik OK
6. lalu lakukan pendesainna seperti dibawah ini
keterangan :
1 buah image control2 buat button yang dibuat setimpa atau sejajar sehingga hanya kelihatan 1 button.
7. tambahkan sebuah folder pada project kita beri nama "images"
8. sebelum kelangkah selanjutnya kita coba gambarkan cara tampilan buttonya,,2 buah button dimasukkan dengan ukuran sama dan posisi sama
lihatlah script pada gambar yang di kotak hitam.
9. oke kita kelangkah selanjutnya,masukkan script ke setiap buttonnya,,
10. lalu kita jalankan programnya,maka hasilnya akan seperti dibawah ini.
gambar pada saat project dijalankan pertama kali
gambar ketika kita mengklik tombol button "change"
11. selesai.
IMAGE CONTROL 2
setelah berhasil pada project kedua mari kita lanjutkan ke project image control ke 2 seperti biasa :
1. New Project (ctrl+shift+N)
2. Pilih windows Phone App + Visual C#
3. Beri nama project “imagecontrol1” Name project jangan lupa samakan dengan Solution Name
4. Lalu browse dan pilih dimana kita akan menyimpan Folder Project aplikasi yang akan kita buat.
5. Lalu klik OK dan pilih Windows OS 7.1 lalu klik OK
6. lalu lakukan pendesainna seperti dibawah ini
keterangan:
1 buah image control
1 buat scroll viewer
9 buat grid
lakukan pempropertisan dan pendisplayan sesuka kalian.
7. setelah itu sama seperti project pertama pastikan kalian membuat sebuah folder images dan isikan images yang anda perlukan didalamnya.
8. selanjutkan arahkan kursor pada salah satu grid image nya,,lalu cari event hendler "mouse enter"
9. setelah itu jalankan programnya,maka hasilnya akan seperti dibawah ini
keterangan:
1 buah image control
1 buat scroll viewer
9 buat grid
lakukan pempropertisan dan pendisplayan sesuka kalian.
7. setelah itu sama seperti project pertama pastikan kalian membuat sebuah folder images dan isikan images yang anda perlukan didalamnya.
8. selanjutkan arahkan kursor pada salah satu grid image nya,,lalu cari event hendler "mouse enter"
lakukan langkah ini pada setiap gridnya (9 grid)
double klik pada "mouse enter" dan masukkan penyekripan,,berikut script hasil semua grid view yang sudah melalui proses event hendler
9. setelah itu jalankan programnya,maka hasilnya akan seperti dibawah ini
ketika kita mengklik gambar dalam kotak kecil tersebut maka gambar dalam image display akan berubah
ini adalah gambar yang muncul ketika kita mengklik gambarnya
gambar kecil yang ada dalam kotak sejajar itu dapat discrol ke atas kebawah karena kita sebelumnya menggunakan scroll viewer .
10. selesai
sekian pertemuan kali ini semoga bermanfaat dalam pembuatan aplikasi windows phone,sampai jumpa di pertemuan berikutnya :D
0 komentar:
Posting Komentar