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.
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.
- 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
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é.
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