Skip to main content

Utilisation de Canvas comme boîte de dialogue: didacticiel de développement d’applications Windows Phone - Partie 23

Utilisation de Canvas comme boîte de dialogue: didacticiel de développement d’applications Windows Phone - Partie 23

Geoffrey Carr

Nous avons examiné la barre d’applications et son dernier didacticiel. Nous allons donc maintenant apprendre à créer et à afficher des fenêtres contextuelles dans Windows Phone 7.5 Application.

Parfois, il est plus facile d'afficher une fenêtre contextuelle que de diriger l'utilisateur vers une toute nouvelle page XAML pour certaines opérations. Ainsi, une fenêtre contextuelle peut être simplement informative ou peut confirmer les actions de l’utilisateur telles que «Voulez-vous supprimer ce fichier?». La technique de création d’une fenêtre contextuelle est simple. Tout ce que nous avons à faire est de créer un canevas et d'y placer des contrôles. Nous devons également définir un mécanisme pour afficher et masquer la fenêtre contextuelle en fonction des besoins. Alors, commençons!

Créez un nouveau projet d'application Widows Phone 7. Copiez et collez le code XAML suivant dans la grille du panneau Contenu du MainPage.xaml à l'aide de l'éditeur XAML dans la fenêtre du concepteur.

Hauteur = "72"

HorizontalAlignment = "Left"

Marge = "150,200,0,0"

Nom = "openButton"

VerticalAlignment = "Top"

Largeur = "160"

Click = "openButton_Click"

/>

Hauteur = "438"

Largeur = "427"

HorizontalAlignment = "Left"

VerticalAlignment = "Top"

Marge = "24,48,0,0"

Arrière-plan = "# FF6E0000"

Visibilité = "effondré"

>

HorizontalAlignment = "Left"

Hauteur = "50"

Largeur = "400"

Nom = "instructionsTextBlock"

Text = "Cliquez sur le bouton ci-dessous pour fermer cette boîte de dialogue contextuelle."

TextAlignment = "Gauche"

TextWrapping = "Wrap"

/>

Largeur = "200"

Contenu = "Ferme-moi"

Name = "closeButton"

Cliquez = "closeButton_Click"

Marge = "125 300" Canvas.Left = "- 16" Canvas.Top = "- 7" />

Avec le code donné ci-dessus, nous avons créé un bouton appelé openButton. Nous avons également défini un canevas (myDialog) avec un bloc de texte appelé instructionsTextBlock et un bouton appelé closeButton. Notez que la visibilité du canevas est définie sur Réduit.

Ensuite, nous définissons la fonctionnalité dans chacun des événements de bouton. Cliquez avec le bouton droit sur openButton_Click et sélectionnez Goto Event Handler. Copiez et collez la ligne de code C # suivante dans la méthode openButton_Click (), qui définit la visibilité du canevas myDialog sur Visible.

myDialog.Visibility = System.Windows.Visibility.Visible;

Répétez le même processus pour l'événement closeButton_Click. Copiez et collez la ligne de code C # suivante dans la méthode closeButton_Click (), qui définit la visibilité du canevas myDialog sur masqué.

myDialog.Visibility = System.Windows.Visibility.Hidden;

Exécutez le projet et cliquez sur le bouton Ouvrir pour afficher la fenêtre contextuelle. Un clic sur le bouton de fermeture masque la toile. Il s’agit donc de créer la boîte de dialogue sans créer une nouvelle page. Rendez-vous à la prochaine leçon sur InputScopes.

Link
Plus
Send
Send
Pin