XAML - Balok Penyusun

Bab ini akan menjelaskan beberapa blok bangunan dasar dan penting dari aplikasi XAML. Ini akan menjelaskan caranya

untuk membuat dan menginisialisasi objek,
sebuah objek dapat dimodifikasi dengan mudah dengan menggunakan sumber daya, gaya, dan templat,
untuk membuat objek interaktif dengan menggunakan transformasi dan animasi.

Objek

XAML biasanya merupakan bahasa deklaratif yang dapat membuat dan membuat instance objek. Ini adalah cara lain untuk mendeskripsikan objek berdasarkan XML, yaitu, objek mana yang perlu dibuat dan bagaimana mereka harus diinisialisasi sebelum eksekusi program. Objek bisa

Kontainer (Panel Stack, Panel Dock)
Elemen UI / Kontrol (Tombol, Kotak Teks, dll.)
Kamus Sumber Daya

Sumber daya

Sumber daya biasanya adalah definisi yang terkait dengan beberapa objek yang baru saja Anda antisipasi untuk digunakan lebih dari sekali. Ini adalah kemampuan untuk menyimpan data secara lokal untuk kontrol atau untuk jendela saat ini atau secara global untuk seluruh aplikasi.

Gaya

Kerangka XAML menyediakan beberapa strategi untuk mempersonalisasi dan menyesuaikan tampilan aplikasi. Gaya memberi kita fleksibilitas untuk mengatur beberapa properti dari suatu objek dan menggunakan kembali pengaturan spesifik ini di beberapa objek untuk tampilan yang konsisten.

Dalam gaya, Anda hanya dapat menyetel properti objek yang sudah ada seperti Tinggi, Lebar, Ukuran font, dll.
Hanya perilaku default dari sebuah kontrol yang dapat ditentukan.
Beberapa properti dapat ditambahkan ke dalam gaya.

Pada diagram pertama, Anda dapat melihat properti tinggi dan lebar yang sama diatur untuk ketiga tombol secara terpisah; tetapi pada diagram kedua, Anda dapat melihat bahwa tinggi dan lebar yang sama untuk semua tombol ditambahkan ke gaya dan gaya ini dikaitkan dengan semua tombol.

Template

Templat mendeskripsikan tampilan keseluruhan dan tampilan visual dari sebuah kontrol. Untuk setiap kontrol, ada templat default yang terkait dengannya yang memberikan tampilan ke kontrol itu. Di XAML, Anda dapat dengan mudah membuat template Anda sendiri saat Anda ingin menyesuaikan perilaku visual dan tampilan visual kontrol.

Pada gambar berikut, ada dua tombol, satu dengan template dan yang lainnya adalah tombol default.

Sekarang ketika Anda mengarahkan mouse ke tombol, itu juga mengubah warna seperti yang ditunjukkan di bawah ini.

Dengan template, Anda dapat mengakses lebih banyak bagian dari kontrol daripada di gaya. Anda dapat menentukan perilaku kontrol yang sudah ada dan yang baru.

Animasi dan Transformasi

Animasi dan transformasi di dalam Windows Runtime dapat meningkatkan aplikasi XAML Anda dengan membangun interaktivitas dan pergerakan. Anda dapat dengan mudah mengintegrasikan tampilan dan nuansa interaktif dalam aplikasi XAML Anda dengan menggunakan animasi dari pustaka animasi Windows Runtime. Animasi digunakan

untuk menyempurnakan antarmuka pengguna atau membuatnya lebih menarik.
untuk menarik perhatian pengguna terhadap perubahan.

Pada tangkapan layar berikut, Anda dapat melihat kotak -

Saat Anda mengarahkan mouse ke kotak ini, mouse akan bergerak ke segala arah seperti yang ditunjukkan di bawah ini.