XAML PADA WINDOWS 8 APP

XAML (Extensible Application Markup Language) merupakan bahasa pemrograman deklaratif yang digunakan untuk membuat dan menginisialisasi object menggunakan XML. XAML sendiri dikembangkan oleh Microsoft untuk membangun interface pada aplikasi berbasis windows 8. Mungkin yang sudah pernah membuat aplikasi WPF(Windows Presentation Foundation) sudah tidak asing lagi dengan XAML. Sebenarnya syntax XAML sendiri tidak jauh berbeda dengan bahasa pemrograman deklaratif lainnya seperti HTML, namun terdapat banyak fitur yang tentu bisa dieksplorasi lebih jauh lagi :)

Langsung saja buka Visual Studio, pilih File -> New -> Project, seperti artikel saya sebelumnya saya akan menggunakan C# dan XAML. Maka pilih Visual C# ->Windows Store -> Blank App(XAML) lalu pilih OK dan akan muncul seperti gambar dibawah ini jika anda buka MainPage.xaml

xaml1

Pada tag <Page > terdapat standar XAML namespace yang akan secara otomatis digenerate ketika kita membuat project baru. Nahhh kita bisa menambahkan berbagai macam XAML control dengan cara drag and drop langsung dari toolbox ataupun mendefinisikan langsung di dalam tag <Grid>. Bisa dilihat sendiri banyak sekali control yang disediakan dalam toolbox, tinggal kita pilih sesuai kebutuhan :)

xaml2

Sekarang saya akan mencoba menambahkan beberapa control, yaitu TextBlock,TextBox dan Button. Nahh hasilnya seperti ini, saya menambahkannya dengan cara drag and drop dari toolbox,nantinya didalam tag <Grid> akan bertambah code dari control yang kita tambahkan dari toolbox seperti ini,

xaml3

Di dalam lingkaran merah tersebut merupakan properties dari control yang kita pilih. Kita bisa mengganti ukuran, border, warna text dan berbagai macam properties lainnya dari control yang kita pilih. Okee itu dulu pengantar XAML dari saya, silahkan mencoba-coba :)

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s