Home / blog / Perbedaan antara XAML dan XML

Perbedaan antara XAML dan XML

Pada postingan kali ini kita akan membahas mengenai perbedaan antara XML dan XAML. Temen-temen pasti udah sering denger dua kata ini kan? Nah apa itu XML dan apa itu XAML? Mari kita perhatikan penjelasan berikut. Selamat membaca..

XML adalah sebuah dokumen yang didesain untuk mendeskripsikan data yang tersimpan didalamnya. XML memiliki dua struktur penting di dalam dokumennya yaitu, bagian prolog dan elemen dokumen atau biasa disebut root elemen. Dalam perkembangannya, fungsionalitas dari XML dikembangkan lagi kemudian terbentuklah script XAML.
XAML adalah dokumen yang didasarkan pada XML dan dapat membuat developer mengspesifikasikan hirarki dari objek dengan mengatur properti dan logikanya. Script XAML memudahkan desainer membuat tampilan UI dari sebuah aplikasi berbasis bahasa pemrograman .NET contohnya C#. Penerapan penggunaan script XAML ini biasanya pada project WPF.

Berikut untuk lebih jelasnya penggambaran masing-masing script dari XML dan XAML:

• XML

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<!--?xml version=”1.0”?-->  // mendeskripsikan version dari XML dokumen
<CLASSROOM>
                <STUDENT>
                                <NAME>John Laku</NAME>
                                <ADDRESS >Taiwan</ADDRESS>
                                <SEX>Male</SEX>
                                <AGE>16</AGE>
                </STUDENT>
                .
                .
                <STUDENT>
                .
                </STUDENT>
</CLASSROOM>

// Elemen dokumen atau bisa disebut root elemen dalam sintaks di atas adalah CLASSROOM.
// Tag STUDENT merupakan elemen yang memiliki atribut bervalue.
// Tag NAME,…, dll merupakan atribut yang terdapat dalam cuplikan XML dokumen di atas.

• XAML
test

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
    <Window x:Class="WpfApplication2.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="350" Width="525">
    <Grid>
        <StackPanel Orientation="Vertical">
            <Label FontSize="16" FontFamily="Verdana” Background="LightBlue">Classroom</Label>
            <Label FontSize="16" FontFamily="Verdana" Background="AliceBlue">Student</Label>
            <StackPanel Margin="15,5,5,5" Orientation="Horizontal">
                <Label FontSize="14" FontFamily="Verdana">Name</Label>
                <TextBox Name="StudentName_txt" Width="250"></TextBox>
            </StackPanel>
        </StackPanel>
    </Grid>
</Window>

//Root elemen dari script XAML ini adalah WINDOW
//Tag StackPanel, Label, Textbox adalah custom control pada aplikasi
//Properti yang dimiliki yaitu Name

Dari penjelasan dan contoh di atas dapat kita simpulkan :

  • Semua dokumen XAML bisa dikatakan XML tetapi dokumen XML belum tentu merupakan dokumen XAML.
  • Seperti yang dikatakan di atas, bahasa ini diaplikasikan pada aplikasi berbasis .net. Jika kamu mendesain beberapa

control menggunakan XAML, maka akan dapat digunakan selain di windows baik juga digunakan pada web.
Pengaplikasian XAML pada project berbasis WPF akan dijelaskan pada artikel berikutnya ya…
Semoga informasi ini bermanfaat…