Trong bài này, csharpcanban.com sẽ hướng dẫn các bạn tìm hiểu ngôn ngữ giao diện XAML, đây là ngôn ngữ được sử dụng để thiết kế giao diện trong WPF, chính vì vậy trước khi đi tìm hiểu cụ thể hơn về WPF thì chúng ta nhất định phải tìm hiểu về XAML.

1, XAML nghĩa là gì

XAML là viết tắt của eXtensible Application Markup Language, đây là một loại ngôn ngữ chủ yếu dùng để thiết kế giao diện (GUI). XAML thường được sử dụng để thiết kế giao diện cho công nghệ WPF.

2, Ngôn ngữ định nghĩa giao diện XAML:

Mỗi ứng dụng bất kỳ thường phân chia rõ ràng giữa lớp giao diện (View) và lớp xử lý (Model, ViewModel).

Chẳng hạn:

• Lập trình Web: giao diện được thiết kế bằng HTML, CSS, Jquery. Việc xử lý trên View chủ yếu dùng các ngôn ngữ Script.
• Lập trình Winform: giao diện được thiết kế trực tiếp bằng ngôn ngữ C#. Có hỗ trợ kéo thả để sinh mã (code) tự động.
• Lập trình WPF: dùng XAML để thiết kế giao diện. Lập trình WPF tương tự lập trình Web, dùng XAML để thiết kế giao diện, dùng C# để xử lý logic (xử lý tính toán và xử lý dữ liệu).

Việc thiết kế giao diện trong WPF thật sự đơn giản. XAML hỗ trợ các stype tương tự như CSS của Web khiến chúng ta định nghĩa giao diện (màu sắc, phối cảnh) rất dễ dàng hơn nhiều so với WinForm.

3, Ví dụ về XAML

Để các bạn dễ hình dung, lấy một số ví dụ về XAML.

Để tạo ra một Button trên WPF, ta có thể dùng đoạn code sau:

<Button x:Name = "button" Content = "Click Me"
         HorizontalAlignment = "Left" Margin = "194,150,0,0"
         VerticalAlignment = "Top" Width = "75"/>

Để tạo một Tabcontrol trong WPF ta làm như sau:

<TabControl>
            <TabItem Header="General">
                <Label Content="Content goes here..." />
            </TabItem>
            <TabItem Header="Security" />
            <TabItem Header="Details" />
        </TabControl>

4, Lời kết

Như vậy, cấu trúc của XAML tương đối giống với ngôn ngữ XML phải không các bạn, hãy đón đọc bài tiếp theo, csharpcanban. com sẽ hướng dẫn các bạn Thực hành tạo một ứng dụng bằng WPF.

Chúc các bạn thành công !