PLAY WITH XAML SYNTAX
halo sahabat blogger bertemu kembali dengan saya,pada pertemuan kali ini kita akan membahas teori tentang XAML SYNTAX yang berada di windows phone,pada pertemuan kali hanya membahas beberapa syntax yang berada di SDK windows phone dan tidak membuat sebuah project,sepertinya pendingan otak karena minggu depan saya pribadi menghadapi UTS mata kuliah ini :D okeh tanpa panjang lebar lagi mari kita mengetahui apa aja sih yang diberikan dalam pertemuan kali ini,oke kita langsung saja menuju softwarenya seperti biasa :
1. New Project (ctrl+shift+N)
2. Pilih windows Phone App + Visual C#
3. Beri nama project “XamlSyntax” 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
karena pada video tutorial dosen tercinta kita menggunakan SDK 8.1 maka saya akan mencoba membuatnya di SDK 7.1.
pada saat pertama kali kita memulai program pastikan seperti gambar dibawah ini
pada saat pertama kali kita memulai program pastikan seperti gambar dibawah ini
Ket:
gambar yang berada pada kotak merah adalah untuk DESIGN
gambar yang berada pada kotak hijau adalah untuk CODING
mungkin sebagaian besar para blogger mania sudah tau tentang gambar diatas.
coba perhatiakan gambar dibawah ini :
gambar dengna kotak warna merah merupakan panel zoom yang diletakkan diposisi kiri atas dan dibuat transparan panel tersebut berfungsi untuk memperbesar atau memperkecil desain pada emulator atau untuk zoom desain emulatornya.
oke selanjutnya perhatikan gambar dibawah ini
panel yang terletak didalam kotak merah merupakan panel horizontal split,vertikal split panel ini berfungsi memberikan kedudukan antara desain emulator dengan daerah pengkodian seperti halnya gambar diatas yang sedang dalam keadaan vertikal split yaitu desain dan daerah koding berada disisi kanan-kiri,coba lihat gambar dibawah ini
gambar diatas dalam keadaan horizontal split yaitu desain emulator dan daerah koding berada dalam keadaan atau posisi atas-bawah
selanjutnya kita lihat gambar dibawah ini
script koding yang berada dalam kotak merah merupakan kode dari element button yang berada didalam desain emulator.
kita bisa membuat element button dengan cara men-drag dari Toolbox langsung, atau menuliskan kode pada MainPage.xaml langsung juga bisa.
Xaml ini hampir sama dengan XML dan juga HTML karena
disetiap pembuka selalu ada penutup contoh seperti gambar dibawah ini.
Ket : itu adalah pembuak dan kode itu
adalah penutup.
Lalu selanjutnya saya akan menjelaskan mengenai
SupportedOrientation, atau bisa diliat kodenya seperti dibawah ini.
Yang ditandai oleh warna hijau, ketika dijalankan aplikasi
maka tampilan pada emulator akan seperti ini.
Jadi ketika emulator 7.1 sudah dijalankan lalu buat emulator
seperti ini, maka Si page name beserta button tidak ikut seperti emulatornya,
itu fungsi dari SupportedOrientation menggunakan “Portrait” jadi maksudnya
orientasi yang kita support itu hanya Portrait saja. Lalu Orientation :
“Portrait” itu merupakan Default, jadi ketika emulator dibuka maka tampilannya
akan portrait atu berdiri.
Lalu ikuti kode seperti gambar yang ditandai dibawah
ini.
Kita ubah SupportdOrientation Menjadi PortraitOrLandscape
dan Orientation menjadi Landscape, maksud dari
shell:SystemTray.IsVisible=”False”; adalah kode dimana apakah kita akan
menampilkan bar batrei dan sinyal, jika ingin menampilkan maka tuliskan kode
“True” , jika tidak ingin menampilkan maka tuliskan kode “False”. Lalu kita
jalankan Emulator 7.1 dan hasilnya akan seperti gambar dibawah ini.
sekian pertemuan kali ini sebenernya masih banyak lagi yang terdapat dalam XAML tapi karena terbatas waktu mungkin lain waktu kita membahas materi ini lagi,okeh terima kasih atas perhatiannya semoga bermanfaat,,sampe jumpa di pertemuan berikutnya :D
0 komentar:
Posting Komentar