Code XAML contre C #

Vous pouvez utiliser XAML pour créer, initialiser et définir les propriétés des objets. Les mêmes activités peuvent également être effectuées à l'aide du code de programmation.

XAML n'est qu'un autre moyen simple et facile de concevoir des éléments d'interface utilisateur. Avec XAML, c'est à vous de décider si vous souhaitez déclarer des objets en XAML ou les déclarer à l'aide de code.

Prenons un exemple simple pour montrer comment écrire en 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>

Dans cet exemple, nous avons créé un panneau de pile avec un bouton et un bloc de texte et défini certaines des propriétés du bouton et du bloc de texte telles que la hauteur, la largeur et la marge. Lorsque le code ci-dessus est compilé et exécuté, il produira la sortie suivante -

Maintenant, regardez le même code qui est écrit en 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); 
      } 
   }
}

Lorsque le code ci-dessus est compilé et exécuté, il produira la sortie suivante. Notez que c'est exactement la même chose que la sortie du code XAML.

Vous pouvez maintenant voir à quel point il est simple d'utiliser et de comprendre XAML.