Mari Mengenal XAML – XAML adalah Bahasa Markup Aplikasi yang Dapat Diperluas. Ini adalah bahasa markup berbasis XML, meskipun XML adalah bahasa markup, itu tidak sama dengan HTML, dan XML tidak dapat menggantikan HTML. Perbedaan antara XML dan HTML terletak pada tujuannya. Sedangkan HTML mengacu pada tampilan data, sedangkan XML mengacu pada penyimpanan dan pengangkutan data. Setiap kontrol ditetapkan ke halaman, tombol, kotak teks, atau kontrol khusus yang ditentukan oleh tag XML. Ini mudah jika XAML didasarkan pada XML.

XML sekarang digunakan untuk mentransfer, menyimpan, dan mengedit data. Sejarah (XML) dimulai dengan pengembangan standar bahasa markup umum (SGML) oleh Charles Goldfarb, bersama dengan Ed Mosher dan Ray Lorie pada 1970-an saat bekerja di IBM (Anderson, 2004). Meskipun nama SGML bukan bahasa markup, itu adalah bahasa yang digunakan untuk mendefinisikan bahasa markup. Tujuan SGML adalah untuk membuat kosakata yang dapat digunakan untuk menandai dokumen menggunakan tag struktural. – ccolins

Dengan menggunakan Microsoft Expression Blend kita akan sangat mudah mendesign UI dalam bentuk XAML, tinggal drag and drop. Tapi tentunya hal ini akan lebih baik jika kita mengetahui juga apa aja yang ada didalamnya.

Berikut contoh XAML yg saya ambil dari Windows Phone MainPage :

PhoneApplicationPage adalah base class dari Windows Phone page, seperti yg kita lihat, bahwa setiap control berada di dalamnya seperti atribut x:class. Atribut ini lah yang berfungsi mengindentifikasi code (.cs) di belakangnya agar terhubung dengan interface xaml ini.

Namespace

Namespace merupakan struktur daru code yang sedang dibuat dengan initial class yang dibuat. Defaultnya, Visual Studio akan membuat namespace menggunakan nama yang sama dengan struktur folder dari project. Contohnya disini kita punya class yang dinamakan MyClass dan berada didalam folder Classes, jadi default namespace nya adalah

Classes.MyClass

Setiap Namespace akan diikuti dengan xmlns, ini merupakan struktur standar dari XML, dan kondisi setelahnya merupakan custom dari code yang akan di kembangkan, contoh disini adalah phone.

Properties dan Events

Setiap control bisa di custom dengan 2 cara, yaitu dengan menyetting properties dan actions nya. Keduanya di identifikasi dengan atribut dari tag nya XAML, tetapi keduanya mempuyai maksud yang berbeda.

Properties digunakan untuk mengubah tampilan atau perilaku kontrol. Biasanya, properti hanya mengatur dan menetapkan nilai atribut tertentu. Sebagai contoh, jika kita ingin menetapkan nilai properti Text dari TextBlock control, kita bisa melakukannya dengan cara sebagai berikut :

Ada juga sebuah sintaks yang lebih panjang yang dapat digunakan dalam kasus properti yang kompleks yang tidak bisa didefinisikan dengan string biasa. Sebagai contoh, jika kita perlu mengatur gambar sebagai kontrol background, kita perlu menggunakan kode berikut :

Event adalah cara untuk mengelola interaksi pengguna dengan kontrol. Salah satu yang paling sering digunakan adalah Tap, yang akan bereaksi ketika pengguna menekan kontrol.

Ketika kita mendefinisikan suatu event, Visual Studio secara otomatis akan meminta kita untuk membuat sebuah eventhandler, yang merupakan metode (dinyatakan dalam kode di belakang .cs) ketika event dijalankan.

Semoga informasi dari kami mengenai XAML bermanfaat untuk anda. Jangan lupa untuk share blog kami Xamlplayground.org