Halo semuanya, sudah lama nihh g nongol d blog ane.
Hari ini saya ingin share ilmu baru dalam bidang pembuatana
aplikasi Windows 8 dengan C#/XAML. Ok langsung saja. Salah satu syarat suatu
aplikasi Windowd 8 lolos masuk ke Store adalah bahwa aplikasi yang kita buat
men-support berbagai View yang ada pada Windows 8, yaitu Full (yang biasa kita lihat), Snapped (ketika
kita drag ke samping), dan Filled (ketika ada aplikasi lain berada dalam
kondisi Snapped).
Untuk tutorial ini saya bikin sample saja, jadi kalian tidak
usah mengikuti. Di sini saya membuat sebuah projek baru, dan saya namakan halamannya ViewsSample (dengan template Basic Page). Saran
saya untuk tahap design dalam Snap View dan Filled View adalah dengan
menggunakan Blend. Saya buat sebuah TexBlock dengan ukuran Font yang cukup besar, dengan Text=”Hello, Full View”.
Pilihlah Snap View, dan tampilan inilah yang akan terlihat
ketika sample dijalankan dalam bentuk
Snap View.
Sekarang klik Enable
state recording, kemudian drag dan resize textblocknya seperti ini,
plus ubah Text-nya menjadi “Hello, Snapped : )”.
Ok, non-aktifkan Enable state recording-nya dan tekan Ctrl+F5
biar lebih cepat. Inilah yang kita dapatkan.
Gampang bukan bikin Snap View dengan C# XAML? : )
“Lho ini kan baru XAML, C# mana?”.
Slow gan, ane simpan itu pas di Filled View.
Balik lagi ke Blend, kliklah tombol Filled, maka ini lah hasilnya.
Fine-fine saja kalau dari sisi posisi, tapi konten? Kurang
enak dehh kayaknya ; ). Mari kita buat kodingannya untuk itu. Balik ke VS 2012
gans n buka code-behind filenya. Tapi sebelumnya beri nama textblock kita tadi
dengan nama text agar bisa dipanggil lewat C#.
Tambahkan namespace Windows.UI.ViewManagement
agar kita bisa ngotak-ngatik View apps kita lewat kode C#. Kemudian tambahkan kode ini dalam class ViewSample
kita.
Maksud dari kode tersebut adalah ketika aplikasi kita ke
halaman ViewSample, kita siapkan fungsi ketika ukurannya berubah. Kemudian
fungsi yang kita buat diatas artinya ketika View yang sedang aktif adalah
Filled View, maka Text property dari textblock text kita akan menjadi “Hello,
Filled ; )”. Tekan Ctrl+F5
untuk mecobanya, dan hasilnya adalah…
Nahh, sudah dehh, segampang itu buat bikin Filled View
dengan C#. Mungkin itu saja yang ane share di postingan ini, kalau ada pertanyaan,
Tanya saja di komen biar orang lain juga bsia belajar dari pertanyaan ente, tak
terkecuali ane. Thx everyone, n keep practicing, keep sharing. ; )
Saran: salah pengetikannya diperbaiki.
BalasHapusBiar lebih enak aja dibacanya.
Nice article :)