Share
Le développement de logiciels est généralement un processus en deux étapes qui implique le développement de l'interface utilisateur et de la logique métier de l'application. Windows Phone n'échappe pas à ce paradigme. Lors du développement pour Windows Phone, XAML est utilisé pour la mise en œuvre de l'interface utilisateur des applications Windows Phone.
XAML ou Langage de balisage d'application extensible est un langage déclaratif développé par Microsoft et utilisé dans Windows Phone pour créer des objets d'interface utilisateur graphiques. Si vous connaissez XML, alors un extrait de code de XAML aura l’air très familier. XAML est à un C # développeur quoi HTML est à un développeur web. C’est la base de la conception de l’interface utilisateur pour Windows Phone.
La plate-forme Windows Phone dispose de nombreux blocs de construction, tels que des boutons, des blocs de texte, des zones de texte, etc. Même s'il est possible de développer une application Windows Phone 8 en utilisant uniquement le C #, elle est peu pratique et fastidieuse..
XAML facilite beaucoup la création d'interfaces utilisateur. Après avoir créé un nouveau projet ou une page Windows Phone 8 dans Visual Studio, vous disposez de deux vues. Une vue affiche le code XAML, l’autre vue montre au développeur sa représentation visuelle..
Pour mieux comprendre cela, revoyons le projet que nous avons créé dans le précédent tutoriel dans lequel nous avons créé notre première application Windows Phone 8..
Vous remarquez immédiatement la même structure hiérarchique que celle trouvée en XML et HTML. Chaque élément du code XAML représente un contrôle Windows Phone, nous en discuterons plus tard dans cette série. Vous remarquerez que chaque élément possède une balise d'ouverture et de fermeture, comme en XML ou HTML. Vous pouvez également voir que certains éléments ont des attributs supplémentaires, en prenant la structure suivante:
Je ferai référence à chaque élément du fichier XAML en tant que contrôle car ils représentent des contrôles Windows Phone, qui sont des objets faisant partie du cadre. Chacune de ces commandes peut avoir des propriétés qui leur sont attachées. Certains de ces contrôles, tels que le la grille et StackPanel contrôles, peuvent même contenir d'autres contrôles en leur sein. Par exemple, regardez comment le StackPanel contrôler avec le prénom propriété de TitlePanel contient deux TextBlock les contrôles.
Cette disposition hiérarchique des éléments permet aux développeurs de concevoir l'interface utilisateur des applications Windows Phone avec beaucoup plus de facilité et fournit également une structure entre les contrôles qui constituent l'interface utilisateur d'une application Windows Phone..
Comme je l’ai dit précédemment dans cet article, il est possible de créer l’interface utilisateur complète d’une application Windows Phone en C #, sans utiliser XAML. En réalité, cependant, ce n'est pas très pratique. Cela n'est pas recommandé, car cela rend la conception de l'interface utilisateur de l'application désordonnée et un peu partout..
De plus, utiliser strictement C # pour créer l'interface utilisateur de l'application limitera considérablement la possibilité d'utiliser le MVVM modèle de conception intégré au développement Windows Phone. Cela signifie des techniques avancées, telles que liaison de données, sera plus difficile à mettre en œuvre.
Examinons de près les deux techniques, XAML et C #, permettant de créer l'interface utilisateur d'une application. Pour cette comparaison, je vais d'abord montrer comment TextBlock et un Bouton les contrôles sont déclarés dans un StackPanel contrôle en utilisant XAML. Je vais ensuite vous montrer l'équivalent en C #.
Un simple TextBlock
Vous pouvez voir à quel point le fragment de code XAML ci-dessus est déclaratif. Il est facile de comprendre la hiérarchie des contrôles. Il y a un autre avantage à utiliser XAML. Nous pouvons voir directement le résultat de nos modifications dans Visual Studio via le volet d'aperçu de la conception, qui est généralement placé à gauche dans Visual Studio..
Voyons comment nous pouvons implémenter la même interface utilisateur en utilisant C # au lieu de XAML.
// Créer notre StackPanel StackPanel stackPanel = new StackPanel (); this.Content = stackPanel; // Créer notre TextBlock TextBlock textBlock = new TextBlock (); textBlock.Margin = nouvelle épaisseur (10); textBlock.Text = "Un TextBlock simple"; stackPanel.Children.Add (textBlock); // Créer notre bouton Button button = new Button (); bouton.Marge = nouvelle épaisseur (20); button.Content = "Bouton simple"; stackPanel.Children.Add (bouton);
Comme vous pouvez le constater, il est un peu moins performant que XAML et nous ne parvenons pas à voir le résultat de nos modifications à la volée. Vous avez peut-être également remarqué que le bloc de code en C # représente presque le double des lignes de code et qu'il n'est pas aussi lisible que l'extrait XAML que nous avons vu précédemment..
Pour le développement Windows Phone, XAML est la méthode recommandée pour créer des interfaces utilisateur. Cependant, il peut arriver que nous ayons besoin d'implémenter des contrôles plus complexes, difficiles à créer à l'aide de XAML, par exemple lorsque le contrôle doit être dynamique dans une certaine mesure. Même si ces situations sont moins fréquentes, il est bon de savoir que nous pouvons nous reposer sur C #.
Le langage XAML fait partie intégrante du développement de Windows Phone et une bonne compréhension est donc essentielle. Je vous encourage à consulter la documentation officielle XAML de Microsoft sur le centre de développement Windows Phone. Il contient des informations détaillées sur l'utilisation de XAML pour le développement Windows Phone..
Dans ce tutoriel, nous avons examiné le rôle de XAML dans le développement de Windows Phone et sa comparaison avec C # pour créer des interfaces utilisateur. Dans le prochain didacticiel, nous allons continuer à travailler avec XAML et à maîtriser certains des contrôles Windows Phone les plus courants, leur utilisation et la façon de les implémenter dans une application Windows Phone 8..
Accentsconagua