Didacticiel Windows Phone 10: Ajout d'états visuels au contrôle personnalisé

Didacticiel Windows Phone 10: Ajout d'états visuels au contrôle personnalisé
Didacticiel Windows Phone 10: Ajout d'états visuels au contrôle personnalisé

Vidéo: Didacticiel Windows Phone 10: Ajout d'états visuels au contrôle personnalisé

Vidéo: Didacticiel Windows Phone 10: Ajout d'états visuels au contrôle personnalisé
Vidéo: 🤖 COMMENT UTILISER CHAT GPT EN 2023 (Tutoriel Complet en Français) - YouTube 2024, Peut
Anonim

Dans la série de didacticiels Windows Phone, dans le dernier didacticiel, nous avons vu comment créer un bouton personnalisé dans Expression Blend. Dans ce didacticiel, vous allez mettre à jour le modèle de contrôle pour ajouter différents états visuels permettant au bouton d'afficher un contour lorsqu'il fait la mise au point et de déplacer sa position sur la page pour indiquer quand il est enfoncé.

1. Dans le Objets et chronologie panneau, sélectionnez le Frontière contrôle.

2. Maintenant, passez à la États panneau et vérifiez les états visuels disponibles pour la commande de bouton.

Image
Image

3. Sous la FocusStates catégorie, sélectionnez la Flou Etat d'activation de l'enregistrement pour l'état déclenché lorsque le bouton n'a pas le focus. Toute modification apportée au modèle dans ce mode ne s'applique qu'à cet état particulier.

4. Pour masquer la bordure autour du bouton lorsqu'il perd le focus:
4. Pour masquer la bordure autour du bouton lorsqu'il perd le focus:
  • Sélectionner Frontière dans le Objets et chronologie panneau
  • dans le Propriétés panneau, développez le Des pinceaux catégorie et sélectionnez le BorderBrush propriété
  • Clique le Afficher les propriétés avancées icône et définir le Opacité propriété de la brosse à0

Image
Image

5. Retournez à la États panneau et sélectionnez le Pressé état dans le États communs catégorie pour activer l'enregistrement pour l'état déclenché lorsque l'utilisateur clique sur la souris.

6. Dans le Propriétés panneau, développez le Transformer catégorie et sélectionnez le Traduire transformer. Met le X et Y valeurs à2. Ce changement produit un léger décalage dans la position du bouton chaque fois que vous cliquez dessus, ce qui suggère qu'il est enfoncé.

Image
Image

7. Enfin, dans le États panneau, sélectionnez le Base modèle pour désactiver le mode d'enregistrement

8. Appuyez sur CTRL + S pour enregistrer le fichier mis à jour.

9. Maintenant que vous avez terminé d'ajouter des états visuels au contrôle personnalisé, vous êtes prêt à tester le bouton mis à jour:

  • Appuyez sur F5 pour générer et exécuter l'application
  • Saisissez du texte, puis appuyez sur la touche de tabulation pour changer le focus de saisie en bouton.
  • Notez que, lorsque le bouton est actif, une bordure apparaît autour de celui-ci pour indiquer qu'il est actif.
  • Maintenant, appuyez sur la barre d'espace ou cliquez sur le bouton et notez comment sa position change pour indiquer qu'il est enfoncé

C'est tout!

Articles Similaires:

  • Installateurs hors ligne Windows Live Essentials pour TOUTES les langues Liens
  • Didacticiel Windows Phone 9: Création d'un bouton personnalisé dans Expression Blend (Part-2)
  • Testez le système d'exploitation Windows dans VirtualBox - Guide détaillé des captures d'écran
  • Didacticiel Windows Phone 11: Création d'une animation pour le texte de la bannière
  • Différents états de veille du système dans Windows 10/8

Conseillé: