Windows Phone 8 Commandes et propriétés

Dans ce didacticiel, vous découvrirez certaines des commandes Windows Phone les plus populaires. Vous découvrirez également les propriétés que les contrôles peuvent avoir et verrez comment ils peuvent être utilisés pour décrire les contrôles..

1. Que sont les contrôles?

Les contrôles sont les blocs de construction d'une application Windows Phone. Il existe de nombreux types de contrôles, qui diffèrent par leurs fonctionnalités et leur apparence. Par exemple, il existe des contrôles que nous pouvons utiliser pour contenir et organiser d’autres contrôles comme le StackPanel et le la grille les contrôles. Il existe également des commandes que nous pouvons utiliser pour créer des fonctionnalités de notre application, telles que Bouton, Zone de texte et TextBlock les contrôles. Tout ce que vous voyez dans une application Windows Phone est un contrôle d'une manière ou d'une autre.

Un large éventail de contrôles est inclus dans le kit de développement logiciel Windows Phone. Jetons un coup d'œil aux contrôles les plus courants.

  • Bouton C'est facilement le contrôle le plus utilisé. Comme son nom l’indique, cette commande est utilisée pour créer un bouton et détecte les gestes, tels que taper et maintenir.
  • TextBlock C’est le contrôle que vous utilisez pour afficher un bloc de texte dans une vue..
  • Zone de texte Comme son nom l'indique, avec le contrôle TextBox, l'utilisateur peut saisir du texte. Ceci est utilisé pour collecter les entrées de l'utilisateur dans une application Windows Phone.
  • StackPanel Ce contrôle est utilisé pour collecter ou organiser un ou plusieurs autres contrôles. Les contrôles qu’il contient peuvent être disposés ou empilés horizontalement ou verticalement.
  • la grille Une grille fonctionne très similaire à une table HTML. D'autres contrôles peuvent y être placés, disposés en rangées et en colonnes que nous définissons.
  • LongListSelector Cette commande nous permet d’afficher une liste de commandes. Par exemple, si nous souhaitons afficher une liste d'images ou de noms dans une application, LongListSelector est le meilleur choix..

2. Exemple d'application

Pour mieux comprendre les contrôles Windows Phone, nous allons créer un nouveau projet Windows Phone et jouer avec certains des contrôles répertoriés ci-dessus. Pour créer un nouveau projet Windows Phone 8, suivez les mêmes étapes décrites dans Création de votre première application..

Dans Visual Studio, vous devez voir les vues de conception et XAML du MainPage.xaml page. Il devrait également y avoir quelques options de menu sur la gauche, dont l’une est la Boîte à outilsmenu. Ouvrez le Boîte à outils menu pour afficher une liste des contrôles inclus dans le kit de développement logiciel Windows Phone.

Dans la liste des contrôles, recherchez le Bouton contrôler et déposer une instance de celle-ci dans l'aperçu de conception de Visual Studio. Faites la même chose pour le TextBlock et Zone de texte les contrôles. Vous devriez maintenant avoir quelque chose de similaire à ce que j'ai ci-dessous.

3. Propriétés

Propriétés sont des valeurs que nous pouvons utiliser pour personnaliser ou décrire l’apparence d’un contrôle. Les propriétés prennent le format suivant, Propriété = "Valeur". Par exemple, si vous examinez de plus près le code XAML de votre projet, vous verrez que chaque contrôle a un certain nombre de propriétés avec des valeurs correspondantes..

Prendre le Bouton vous avez créé comme exemple. Si vous souhaitez modifier le texte du bouton, vous devez modifier la valeur de son Contenu propriété. Pour changer le texte de la TextBlock contrôle, vous changez sa Texte propriété.

Il existe également des propriétés qui contrôlent le positionnement du contrôle, telles que Marge et Rembourrage Propriétés. Visual Studio a un Propriétés onglet qui facilite le paramétrage des propriétés. Par défaut, le Propriétés L'onglet est placé en bas à droite, mais cela peut être différent pour vous et dépend de la manière dont vous avez configuré Visual Studio.. 

le Propriétés Le menu est très utile lors de la définition des propriétés d'un contrôle, car il vous montre les propriétés disponibles pour un contrôle particulier.

4. StackPanel & Grid

le StackPanel et la grille les contrôles sont des contrôles très importants pour la création de dispositions dans Windows Phone. Presque toutes les applications que vous construirez en feront usage, il est donc important de comprendre leur fonctionnement..

Comme je l'ai mentionné plus tôt, le StackPanel et la grille les contrôles contiennent d'autres contrôles et les organisent d'une manière particulière. Si vous avez de l'expérience avec HTML, vous pouvez comparer le StackPanel et la grille contrôles à HTML div et table éléments respectivement.

StackPanel

le StackPanel le contrôle nous permet d'organiser les contrôles comme une pile d'éléments. Les contrôles placés dans un StackPanel peuvent être disposés horizontalement ou verticalement, en fonction de la valeur de son Orientation propriété.

Regardons le StackPanel contrôle en action. Si vous vous référez à la vue XAML de notre projet pour la MainPage.xaml page, vous devriez déjà voir un StackPanel contrôle tenant deux TextBlock instances qui constituent l'en-tête de la page.

     

Par défaut, l'orientation d'un StackPanel instance est défini sur vertical. Nous n'avons besoin de définir cette propriété que si nous avons besoin d'un StackPanel horizontal. Jouez avec StackPanel en modifiant son orientation sur horizontale. En résumé, chaque fois que vous devez organiser les contrôles de manière linéaire, le contrôle StackPanel est probablement ce que vous recherchez..

la grille

Comme le StackPanel, le la grille control organise un ou plusieurs contrôles. Contrairement à StackPanel, le contrôle Grid organise ses enfants en utilisant des lignes et des colonnes, similaires à un tableau HTML..

Examinons à nouveau la vue XAML de notre projet pour voir le contrôle de grille en action. Notre application contient déjà deux instances de la grille. Le premier est le conteneur de niveau supérieur de notre application et contient une seconde instance de grille..

De l'image ci-dessus, vous pouvez voir que la première grille, LayoutRoot, contient deux lignes, indiquées par Grid.RowDefinition. Le StackPanel nommé TitlePanel a un Grid.Row propriété définie sur 0, qui lui dit d'occuper la première ligne de la grille, il est en.

La deuxième grille, ContentPanel, a son Grid.Row propriété définie sur 1, ce qui signifie qu'il est placé dans la deuxième ligne de la grille, il est en.

Le contrôle Grid est très utile lors de la création de dispositions complexes. Nous ne couvrirons pas tous les aspects de la la grille contrôle, mais je vous encourage à en lire plus dans la documentation.

5. LongListSelector

le LongListSelectorle contrôle est un contrôle très puissant qui possède une foule de capacités. L’application People, illustrée ci-dessous, est un bon exemple de ce contrôle en action. Nous ne couvrirons pas le contrôle LongListSelector dans cet article, mais si vous souhaitez en savoir plus sur ce contrôle puissant, consultez la documentation..

 

Conclusion

Dans ce didacticiel, nous avons abordé certaines des commandes les plus courantes utilisées dans les applications Windows Phone. Nous avons appris à propos des propriétés et d'autres aspects des contrôles, et nous avons examiné de plus près les contrôles StackPanel et Grid..

Dans le prochain didacticiel, nous nous concentrerons sur les événements sur Windows Phone et sur la manière de les gérer..