Share
We kunnen ons geen mobiele applicatie voorstellen zonder media-inhoud, zoals afbeeldingen en geluid. Media-inhoud is de sleutel voor veel toepassingen. In deze zelfstudie laat ik u zien hoe u afbeeldingen invoegt en audioweergave in een Windows Phone-toepassing inschakelt.
Vrijwel elke Windows Phone-applicatie bevat een of meer afbeeldingen. Stelt u zich eens een applicatie voor zonder illustraties, alleen tekst. Dat zou niet erg prettig zijn in termen van gebruikerservaring. Het is daarom belangrijk dat we leren hoe we afbeeldingen in een Windows Phone-toepassing kunnen toevoegen, gebruiken en manipuleren.
Net als in de vorige tutorials, beginnen we met het maken van een nieuw Windows Phone-project. Om een afbeelding toe te voegen aan uw applicatie, schakelt u de Gereedschapskist in Visual Studio en voeg een toe Beeld controle naar de ontwerpweergave. U kunt de grootte van het Image-besturingselement aanpassen aan uw behoeften.
De volgende stap is het vullen van het beeldbesturingselement met een echte afbeelding. We zullen een afbeelding weergeven die deel uitmaakt van elk Windows Phone-project. Open de Middelen map in het project Solution Explorer en zoek de Tegel submap. Het zou een handvol afbeeldingen moeten bevatten die we kunnen gebruiken in onze applicatie. De afbeelding die we zullen gebruiken is genoemd FlipCycleTileLarge.png.
We moeten de Image Control vertellen waar het de afbeelding kan vinden door het relatieve pad van de afbeelding op te geven. Een beeldbesturing heeft een Bron eigendom voor dit doel. Het volgende codefragment laat zien hoe u dit kunt doen met XAML. Dit moet nu vertrouwd aanvoelen.
Nadat u de eigenschap Source van het besturingselement Image hebt ingesteld, moet de ontwerpweergave worden bijgewerkt en wordt de afbeelding weergegeven die u hebt ingesteld. Er zijn nog veel meer manieren waarop we het beeldbeheer kunnen aanpassen, zoals het een rand geven. Je kunt met de Image control spelen om erachter te komen welke andere eigenschappen je kunt instellen om hem aan te passen.
Je zult merken dat het spelen van audio ook vrij eenvoudig is. Voordat ik je laat zien hoe je audio in je toepassing kunt afspelen, download je het voorbeeldgeluid dat we zullen gebruiken van SoundBible.com en noem het cat.mp3.
Het doel is om het geluid af te spelen wanneer de gebruiker op een knop op de hoofdpagina van onze applicatie tikt. Als u het geluid aan uw Windows Phone-project wilt toevoegen, klikt u met de rechtermuisknop op Middelen map en selecteer Bestaand item toevoegen van de Toevoegen menu. Lokaliseer het geluidsbestand en voeg het toe aan uw project.
Voeg een knopbediening toe vanuit de Gereedschapskist naar de ontwerpweergave, onder de afbeelding die we eerder hebben gemaakt. Verander de titel van de knop door zijn Inhoud eigenschap om "Geluid afspelen" in te stellen en de knoppen in te stellen Naam eigenschap aan "PlaySoundButton". De eigenschap Name is vooral belangrijk omdat deze beschikbaar is voor ons in de corresponderende C # -klasse.
Voordat we naar de volgende stap gaan, voegt u het volgende codefragment onder het besturingselement Knop toe. Zoals de naam aangeeft, beschrijft het codefragment een MediaElement. Het verwijst naar het audiobestand dat we iets eerder aan ons project hebben toegevoegd.
Je zou moeten eindigen met het volgende resultaat.
Het is tijd om de gebeurtenishandler van de knop te implementeren. Dubbelklik op de knop die we zojuist hebben gemaakt om naar de klasse C # van de huidige pagina te gaan, MainPage.cs. U zult merken dat Visual Studio al een gebeurtenishandler voor ons heeft gemaakt, PlaySoundButton_Click. In de PlaySoundButton_Click methode, we bellen Spelen op de CatSound voorwerp.
private void PlaySoundButton_Click (object afzender, RoutedEventArgs e) CatSound.Play ();
Onthoudt dat CatSound is de naam die we hebben gegeven aan de MediaElement een paar ogenblikken geleden. Wanneer we de Spelen methode op de MediaElement object, de laatste bekijkt het Bron eigendom om erachter te komen wat het moet spelen.
Zo simpel is het om audio af te spelen in een Windows Phone-applicatie. Voer uw toepassing uit om het uit te proberen.
In deze zelfstudie hebt u geleerd hoe u afbeeldingen weergeeft met het besturingselement Image en hoe u audio afspeelt met het MediaElement-besturingselement. Er is veel meer dat u kunt doen met het MediaElement-besturingselement, zoals het afspelen van video. Ik raad u aan door de documentatie te bladeren om meer te weten te komen over deze functies.
Accentsconagua