Nous ne pouvons pas imaginer une application mobile sans contenu multimédia, tel que des images et du son. Le contenu multimédia est essentiel pour de nombreuses applications. Dans ce tutoriel, je vais vous montrer comment insérer des images et activer la lecture audio dans une application Windows Phone..
Pratiquement toutes les applications Windows Phone contiennent une ou plusieurs images. Imaginez une application sans illustration, uniquement du texte. Ce ne serait pas très agréable en termes d'expérience utilisateur. Il est donc important que nous apprenions comment ajouter, utiliser et manipuler des images dans une application Windows Phone..
Comme dans les tutoriels précédents, nous commençons par créer un nouveau projet Windows Phone. Pour ajouter une image à votre application, basculez la commande Boîte à outils dans Visual Studio et ajouter un Image contrôle à la vue de conception. Vous pouvez redimensionner le contrôle d'image pour l'adapter à vos besoins..
L'étape suivante consiste à renseigner le contrôle Image avec une image réelle. Nous afficherons une image faisant partie de chaque projet Windows Phone. Ouvrez le Les atouts dossier dans le projet Explorateur de solution et localisez le Tuile sous-dossier. Il devrait contenir une poignée d'images que nous pouvons utiliser dans notre application. L'image que nous allons utiliser s'appelle FlipCycleTileLarge.png.
Nous devons indiquer au contrôle Image où il peut trouver l'image en spécifiant le chemin relatif de l'image. Un contrôle d’image a un La source propriété à cet effet. L'extrait de code suivant montre comment effectuer cela à l'aide de XAML. Cela devrait se sentir familier maintenant.
Après avoir défini la propriété Source du contrôle Image, la vue de conception doit être mise à jour pour afficher l'image que vous avez définie. Il existe de nombreuses autres manières de personnaliser le contrôle d'image, par exemple en lui donnant une bordure. N'hésitez pas à jouer avec le contrôle Image pour découvrir les autres propriétés que vous pouvez définir pour le personnaliser..
Vous remarquerez que la lecture audio est également assez facile. Avant de vous montrer comment lire de l'audio dans votre application, téléchargez le son échantillon que nous allons utiliser à partir de SoundBible.com et nommez-le. cat.mp3.
Le but est de jouer le son lorsque l'utilisateur appuie sur un bouton de la page principale de notre application. Pour ajouter le son à votre projet Windows Phone, cliquez avec le bouton droit de la souris sur le bouton. Les atouts dossier et sélectionnez Ajouter un article existant de la la Ajouter menu. Localisez le fichier son et ajoutez-le à votre projet.
Ajouter un contrôle Button à partir du Boîte à outils dans la vue de conception, en dessous de l'image créée précédemment. Modifiez le titre du bouton en définissant son Contenu propriété pour "Play Sound" et définir le bouton prénom propriété à "PlaySoundButton". La propriété Name est particulièrement importante car elle sera disponible dans la classe C # correspondante..
Avant de passer à l'étape suivante, ajoutez l'extrait de code suivant sous le contrôle Button dans. Comme son nom l'indique, l'extrait de code décrit une MediaElement. Cela pointe vers le fichier audio que nous avons ajouté à notre projet un peu plus tôt.
Vous devriez vous retrouver avec le résultat suivant.
Il est temps d'implémenter le gestionnaire d'événements du bouton. Double-cliquez sur le bouton que nous venons de créer pour accéder à la classe C # de la page en cours., MainPage.cs. Vous remarquerez que Visual Studio a déjà créé un gestionnaire d'événements pour nous., PlaySoundButton_Click
. dans le PlaySoundButton_Click
méthode, nous appelons Jouer
sur le CatSound
objet.
Void privé PlaySoundButton_Click (expéditeur d'objet, RoutedEventArgs e) CatSound.Play ();
Rappelez-vous que CatSound
est le nom que nous avons donné à la MediaElement il y a quelques instants. Quand on appelle le Jouer
méthode sur le MediaElement objet, ce dernier regarde son La source propriété pour savoir ce dont il a besoin pour jouer.
C'est aussi simple que de lire de l'audio dans une application Windows Phone. Exécutez votre application pour l'essayer.
Dans ce tutoriel, vous avez appris à afficher des images avec le contrôle Image et à lire de l'audio à l'aide du contrôle MediaElement. Vous pouvez faire beaucoup plus avec le contrôle MediaElement, tel que la lecture de vidéos. Je vous encourage à parcourir la documentation pour en savoir plus sur ces fonctionnalités..