Maintenant que nous nous sommes penchés sur les contrôles d’événement et de saisie XAML, dans cet art de la série de développement d’applications Mango pour Windows Phone 7.5, nous allons examiner le contrôle d’image qui vous permet d’afficher des images dans votre application Silverlight Windows Phone 7.
Alors, commençons!
Créez un nouveau projet Windows Phone 7 avec un nom unique, tel que «ImageControlDemo». Maintenant, faites glisser le contrôle d’image de la boîte à outils vers l’aire de conception. Maintenant, afin d’afficher une image dans le contrôle d’image, nous utilisons la propriété ‘Source’ du contrôle d’image. Cette propriété se trouve dans la fenêtre des propriétés juste avant la propriété ‘Stretch’. La propriété Source définit la provenance de l'image à afficher dans le contrôle d'image. Lorsque vous cliquez sur les points de suspension en regard de la propriété Source, une nouvelle fenêtre s’ouvre et vous invite à choisir l’image. Cliquez sur le bouton Ajouter une image pour ajouter une image au projet.
En sélectionnant une image, il se passe quelques choses intéressantes. Tout d'abord, Visual Studio crée automatiquement un dossier portant le nom Images et ajoute le fichier image que vous avez sélectionné. Deuxièmement, il crée un URI (Uniform Resource Identifier) / chemin d’accès à l’image, quelque chose comme "/Images;component/Images/Picture1.jpg". Le / Image fait référence au package de déploiement et ce qui vient après que le point-virgule fera référence à ce fichier dans le package de déploiement une fois qu’il est déployé sur le téléphone, c’est-à-dire le fichier xap. Une fois que vous avez cliqué sur le bouton OK de la fenêtre Choisir une image, l’image est chargée dans le contrôle d’image.
Une dernière chose avant de terminer cette leçon. Si vous souhaitez définir l'image au moyen d'un code C #, il vous suffit de créer un objet d'objet BitmapImage et de spécifier l'URI dans le constructeur surchargé. Une fois que l'objet BitmapImage est créé, tout ce que vous avez à faire est de l'assimiler à la propriété source du contrôle d'image.
BitmapImage myImage = new BitmapImage (new Uri ("/ Images; composant / Images / Penguins.jpg", UriKind.Relative));
image1.Source = myImage;
C'est un contrôle assez simple et utile dans de nombreux endroits.
C’est tout pour le moment. Dans le prochain tutoriel, nous en apprendrons davantage sur les styles et les ressources.
Articles Similaires:
- GPS, API de localisation et appel de services Web: didacticiel de développement d’applications Windows Phone - 25
- Apprendre à développer des applications Windows Phone 7.5 Mango: Partie 1
- Didacticiel Windows Phone 8: Création d'un bouton personnalisé dans Expression Blend-I
- Didacticiel Windows Phone 4: Conception de l'interface utilisateur
- Utilisation de styles et de ressources: didacticiel de développement d'applications Windows Phone - Partie 19
