PlatingWithXAML&ControlLayout | 8 November

Assalamu’alaikum . . . wr wb..

Apakabar semua? semua kita dalam keadaan sehat dan siap serta penuh motivasi dalam belajar

windows phone, Oke sebelum kita memulai belajar windows phone bersama2 mari kita awali dengan membaca basmalah bersama-sama, Bismillahirahmanirahim... Oke jika mau doa silahkan doa masing2 ya.. :)

Oke dalam kesempatan ini saya akan meresume pelajaran yang telah saya dapatkan di kelas matakuliah windows phone tentang "playingwithXampl, 2_LayoutControl, 3_SilverlightEventHandler dan 4_InputControl" lumayan banyak ya.. hehe

oke silahkan buat project baru dengan nama playin xampl . . .

saat kita memasukan tools yang ada di toolbox sebenarnya file xaml langsung mendeteksi lalu membuatkan codenya yang bisa kita ubah juga dalam xaml, sehingga sebenarnya kita bisa membuat tools2 yang ada di toolbox dengan bycode tapi kebanyakan dari kita males ngetik sehingga lebih enak dengan clik n drag dari tools ke file design Xaml ya... hehe. . .

oke contohnya seperti ini liat gambar..

kita clik n drag button maka otomatis di xaml akan ada Button, ok coba lage kita akan membuat SupportedOrientation di mana device akan menyesuaikan layoutnya dengan Potrait atau landscape, biasanya kita sering memakai device dengan rotation, saat device dimiringkan maka semua aplikasi akan mengikuti miring, nah kita akan mengatur itu di xaml denan mencari supportedOrientation, isi dengan PotraiandLandscape, jika sudah maka akan seperti ini, dan Orientation itu untuk awal aplikasi saat dijalankan kita ubah aja dengan POTRAIT,

Materi 2...

Oke di materi ke 2 ini kita akan belajar Layout Control, dimana Layout Contol ini terdiri dari Canvas, Grid dan StackPanel, oke kita akan membuat canvas terlebih dahulu silahkan buat project dengan nama LyoutControl lalu clik n drag canvas dan ubah HorizontalAligment dengan= "Streach" dan VerticalAligment ="Streach", streach ini untuk memberi nilai dari 2 sisi, untuk horizontal dari nilai left n right dan Vertical = top & buttom,

Oke kita sekarang belajar control layout dengan Grid, dengan grid silahkan clik n drag grid yang ada.. dan ubah dengan coding seperti ini, buat 2 row dengan 2 column, disini kita akan buat row dengan size 100 dan column 60, oke setelah itu jika kita ingin menambah row atau colum kita langsung saja buatkan codingnya sama dan tinggal ubah size nya saja,

setelah itu gmn klo kita ingin menambahkan object lain didalam grid itu maka isikan saja button atau tolls lainnya dan posisikan dimana kita ingin letakan, jika disini saja letakan di row 1 dan column 0, ingat ya grid ini dimulai dari 0, oke maka tampilan coding dan hasilnya seperti ini..

StackPanel, nah berikutnya kita akan belajar stackPanel, apa itu stack panel saat kita klik header itu ada block-blockkan, nah itu dia stack panel, block2 yang mengatur dengan rapih antara value2 itu, jika sudah silahkan tarik stackpanel dari toolbox masing dan coba pasang di design xamlnya, jika sudah coba kita isikan dengan textblock dan textbox, maka dia akan tersusun rapih dengan tinggi yang sama, itulah keggunaan stackpanel, membuat value yang didalamnya tersusun rapih jika tadi di canvas kita bisa letakan dimana saja tapi di stackpanel dia akan otomatis ter susun.