Dans cette partie de notre série de didacticiels, nous en apprendrons davantage sur la conception des applications plutôt que sur les fonctionnalités. Nous allons apprendre à utiliser les couleurs choisies par l'utilisateur dans votre application, à sélectionner différentes polices et paramètres de couleur, puis à combiner des paramètres personnalisés que nous allons créer dans des styles utilisables. sur une seule page ou sur l’ensemble de l’application.
Commençons tout de suite. Créez un nouveau projet avec un nom, comme d'habitude, et placez un bouton n'importe où. Maintenant, démarrez l'émulateur et cliquez sur le bouton Démarrer. Vous pouvez ainsi accéder à l’onglet Paramètres (cliquez sur la flèche directionnelle affichée à côté de l’icône IE). Maintenant, une fois que vous avez atteint les paramètres, accédez aux thèmes. Ici, vous pouvez modifier la couleur de fond et la couleur de premier plan. Désormais, si vous sélectionnez une couleur de premier plan différente et démarrez l’application, vous ne verrez aucune différence dans le style de l’application car nous n’avons pas ordonné à notre application d’obéir au choix des utilisateurs.
Alors, où sont définies ces ressources statiques? Vous ne pourrez pas les rechercher dans notre projet. Ils sont déjà présents sur notre Windows Phone 7.5 et appelés ressources de thème. Si vous souhaitez en savoir plus sur les ressources de thème, il existe une excellente page sur MSDN qui répertorie toutes les ressources brossées (ressources statiques). Bien qu'il existe des dizaines de ressources répertoriées, nous n'utiliserons qu'une seule ressource pour notre application, PhoneAccentBrush. Cela donnera accès à la couleur de fond et de premier plan. Nous pouvons ajouter cette ressource de deux manières, soit en l'ajoutant par l'intermédiaire de fenêtres de propriétés, soit en la définissant dans la fenêtre de code.
Commençons par éditer le code. Commencez à taper les lignes suivantes dans la zone de code pour le bouton que nous avons dans la fenêtre XAML.
BorderBrush = "{StaticResource PhoneAccentBrush}"
Une fois cette ligne écrite, vous remarquerez que la bordure du bouton devient bleue. Maintenant pourquoi bleu? Parce que ce sont des paramètres par défaut que Microsoft a définis dans l’outil de développement Windows Phone. Changeons maintenant la propriété de premier plan mais cette fois-ci en utilisant la fenêtre de propriété. Sélectionnez le bouton, accédez à la fenêtre de sa propriété et recherchez la propriété Foreground. Faites un clic droit sur cette propriété et cliquez sur «Appliquer la ressource». Une fois que vous avez fait cela, il vous montrera une liste des styles disponibles. Cliquez sur «PhoneAccentBrush» comme nous l'avons fait avec l'arrière-plan. Maintenant, essayez de changer l’arrière-plan ainsi que la couleur de premier plan de l’émulateur puis de lancer l’application.
