Mã XAML Vs C #

Bạn có thể sử dụng XAML để tạo, khởi tạo và đặt thuộc tính của các đối tượng. Các hoạt động tương tự cũng có thể được thực hiện bằng cách sử dụng mã lập trình.

XAML chỉ là một cách đơn giản và dễ dàng khác để thiết kế các phần tử giao diện người dùng. Với XAML, bạn có thể quyết định xem bạn muốn khai báo các đối tượng trong XAML hay khai báo chúng bằng mã.

Hãy lấy một ví dụ đơn giản để chứng minh cách viết trong XAML -

<Window x:Class = "XAMLVsCode.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"> 
	
   <StackPanel> 
      <TextBlock Text = "Welcome to XAML Tutorial" Height = "20" Width = "200" Margin = "5"/>
      <Button Content = "Ok" Height = "20" Width = "60" Margin = "5"/> 
   </StackPanel> 
	
</Window>

Trong ví dụ này, chúng tôi đã tạo một bảng điều khiển ngăn xếp với một Nút và một khối Văn bản và xác định một số thuộc tính của nút và khối văn bản như Chiều cao, Chiều rộng và Lề. Khi đoạn mã trên được biên dịch và thực thi, nó sẽ tạo ra kết quả sau:

Bây giờ hãy xem cùng một đoạn mã được viết bằng C #.

using System; 
using System.Text; 
using System.Windows; 
using System.Windows.Controls;  

namespace XAMLVsCode { 
   /// <summary> 
      /// Interaction logic for MainWindow.xaml 
   /// </summary> 
	
   public partial class MainWindow : Window {
      public MainWindow() { 
         InitializeComponent();  
         
         // Create the StackPanel 
         StackPanel stackPanel = new StackPanel();
         this.Content = stackPanel; 
			
         // Create the TextBlock 
         TextBlock textBlock = new TextBlock(); 
         textBlock.Text = "Welcome to XAML Tutorial"; 
         textBlock.Height = 20;
         textBlock.Width = 200; 
         textBlock.Margin = new Thickness(5); 
         stackPanel.Children.Add(textBlock);  
			
         // Create the Button 
         Button button = new Button(); 
         button.Content = "OK"; 
         button.Height = 20; 
         button.Width = 50; 
         button.Margin = new Thickness(20); 
         stackPanel.Children.Add(button); 
      } 
   }
}

Khi đoạn mã trên được biên dịch và thực thi, nó sẽ tạo ra kết quả sau. Lưu ý rằng nó hoàn toàn giống với đầu ra của mã XAML.

Bây giờ bạn có thể thấy rằng việc sử dụng và hiểu XAML đơn giản như thế nào.