Dans la dernière partie de notre série de développement d’applications Mango pour Windows Phone 7.5, nous avons vu comment naviguer entre les pages XAML. Dans ce didacticiel, nous allons examiner la barre d’application.
La barre d’application est similaire à un menu. Il a des icônes tout en haut qui jettent un coup d'œil sur le bas et un bouton points de suspension qui, lorsque vous cliquez dessus, affiche un certain nombre d'options de menu textuel. Nous pouvons utiliser ces options pour effectuer certaines opérations sur la page XAML actuelle ou pour permettre à l'utilisateur d'accéder à une toute nouvelle zone de notre application. La bonne chose à propos de la barre d’application est qu’elle reste cachée et n’interfère pas avec l’interface utilisateur de base de l’application.
Continuons et travaillons avec un exemple réel.
Créez un nouveau projet Windows Phone 7.5 avec un nom unique. quelque chose comme "ApplicationBarDemo". Ensuite, cliquez avec le bouton droit de la souris sur le nom du projet dans la fenêtre de l'Explorateur de solutions et sélectionnez Ajouter dans le menu. Sélectionnez Nouveau dossier dans le sous-menu et nommez le nouveau dossier créé sous «Icônes». Le dossier Icons stockera les icônes qui seront affichées dans la barre d’application. Naviguez maintenant jusqu'à «C: Program Files SDK Microsoft Windows Phone v7.0 Icons dark» et faites glisser les icônes (signe plus et moins) dans le dossier Icons de votre projet pour qu'elles fassent désormais partie de votre projet. Modifiez la propriété Action de construction de chacune des icônes de Ressource en Contenu.
ApplicationBarIconButton IconUri =”/ Images / appbar.minus.rest.png” Text =”Supprimer” Cliquez sur “ApplicationBarIconButton_Click” />
ApplicationBarIconButton IconUri =”/ Images / appbar.new.rest.png” Text =”Ajouter” Cliquez =”ApplicationBarIconButton_Click_1 ″ />
ApplicationBarIconButton IconUri =”/ Images / appbar.minus.rest.png” Text =”Supprimer” Cliquez sur “ApplicationBarIconButton_Click” />
ApplicationBarIconButton IconUri =”/ Images / appbar.new.rest.png” Text =”Ajouter” Cliquez =”ApplicationBarIconButton_Click_1 ″ />
ApplicationBarMenuItem Text = "Menu 1" Cliquez sur "ApplicationBarMenuItem_Click" />
ApplicationBarMenuItem Text = "Menu 2" Cliquez = "ApplicationBarMenuItem_Click_1" />
ApplicationBarMenuItem Text = "Menu 3" Cliquez = "ApplicationBarMenuItem_Click" />
ApplicationBarMenuItem Text = "Menu 4" Cliquez = "ApplicationBarMenuItem_Click_1" />
ApplicationBarMenuItem Text = "Menu 5" Cliquez sur "ApplicationBarMenuItem_Click" />.
ApplicationBarMenuItem Text = "Menu 6" Cliquez = "ApplicationBarMenuItem_Click_1" />
ApplicationBarMenuItem Text = "Menu 7" Cliquez = "ApplicationBarMenuItem_Click" />
ApplicationBarMenuItem Text = "Menu 8" Cliquez = "ApplicationBarMenuItem_Click_1" />
ApplicationBarMenuItem Text = "Menu 9" Cliquez = "ApplicationBarMenuItem_Click" />
ApplicationBarMenuItem Text = "Menu 10" Cliquez = "ApplicationBarMenuItem_Click_1" />
ApplicationBarMenuItem Text = "Menu 11" Cliquez sur "ApplicationBarMenuItem_Click" />.
ApplicationBarMenuItem Text = "Menu 12" Cliquez = "ApplicationBarMenuItem_Click_1" />
La barre d'applications peut contenir au maximum quatre boutons d'icônes et un nombre illimité d'éléments de menu textuels.
Regardons le code XAML pour le code des icônes de barre d’application
ApplicationBarIconButton IconUri =”/ Images / appbar.minus.rest.png” Text =”Supprimer” Cliquez sur “ApplicationBarIconButton_Click” />
Chaque bouton icône de la barre d’application contient un certain nombre de propriétés. La propriété IconUri est utilisée pour définir l'URI pour l'icône. La propriété text définit le texte miniature à afficher sous l'icône. L'événement click nous aide à définir la fonctionnalité à exécuter lorsque l'utilisateur clique sur l'icône.
De même, l’élément de menu de la barre d’application contient un certain nombre de propriétés et d’événements. Nous n'entrerons pas dans les détails car ce tutoriel est destiné aux débutants, vous pouvez en apprendre plus à ce sujet sur le site Web MSDN. Voyons maintenant comment utiliser le canevas comme dialogue.
Articles Similaires:
- Didacticiel Windows Phone 8: Création d'un bouton personnalisé dans Expression Blend-I
- Navigation entre les pages XAML: Tutoriel de développement d’applications Windows Phone - Partie 21
- Didacticiel Windows Phone 4: Conception de l'interface utilisateur
- GPS, API de localisation et appel de services Web: didacticiel de développement d’applications Windows Phone - 25
- Comprendre XAML: Turorial pour le développement d’applications Windows Phone - Partie 15
