XAML gegen C # -Code

Mit XAML können Sie die Eigenschaften von Objekten erstellen, initialisieren und festlegen. Die gleichen Aktivitäten können auch mit Programmcode ausgeführt werden.

XAML ist nur eine weitere einfache Möglichkeit, UI-Elemente zu entwerfen. Mit XAML können Sie entscheiden, ob Sie Objekte in XAML deklarieren oder mit Code deklarieren möchten.

Nehmen wir ein einfaches Beispiel, um zu demonstrieren, wie man in XAML schreibt -

<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>

In diesem Beispiel haben wir ein Stapelfenster mit einer Schaltfläche und einem Textblock erstellt und einige der Eigenschaften von Schaltflächen und Textblöcken wie Höhe, Breite und Rand definiert. Wenn der obige Code kompiliert und ausgeführt wird, wird die folgende Ausgabe erzeugt:

Schauen Sie sich nun denselben Code an, der in C # geschrieben ist.

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); 
      } 
   }
}

Wenn der obige Code kompiliert und ausgeführt wird, wird die folgende Ausgabe erzeugt. Beachten Sie, dass dies genau der Ausgabe von XAML-Code entspricht.

Jetzt können Sie sehen, wie einfach es ist, XAML zu verwenden und zu verstehen.