Windows Phone 8: Arbeide med Media Content
12
Del
5
Del
Dette Cyber ​​Monday Envato Tuts + kurs vil bli redusert til bare $ 3. Ikke gå glipp av
Dette innlegget er en del av en serie som heter Komme i gang med Windows Phone 8.Windows Phone 8. Hendelser og NavigationWindows Phone 8: Pivot Og Panorama

Vi kan ikke forestille en mobilapplikasjon uten media innhold, for eksempel bilder og lyd. Medieinnhold er nøkkelen for mange applikasjoner. I denne opplæringen vil jeg skal vise deg hvordan du kan sette inn bilder og aktivere lydavspilling i en Windows Phone-programmet.

1.
Arbeide med bilder

Nesten alle Windows Phone program inneholder ett eller flere bilder. Bare tenk deg et program med ingen kunstverk, bare tekst. Det ville ikke være veldig gledelig med tanke på brukeropplevelsen. Det er derfor viktig at welearn hvordan du legger til, bruke og manipulere bilder i en Windows Phone-programmet.

Som i de foregående tutorials, starter vi med å lage en ny Windows Phone-prosjektet. Toadd et bilde til søknaden din, veksle Toolbox
i Visual Studio og legge en Bilde
kontrollen til utformingsvisning. Du kan endre størrelsen på bildekontrollen for å passe dine behov.

Det neste trinnet er å fylle bildekontroll med et virkelig bilde. Vi vil vise et bilde som er en del av alle Windows Phone-prosjektet. Åpne mappe Eiendeler
i prosjektets Solution Explorer Hotell og finn Tile
undermappe. Den bør inneholde en håndfull bilder som vi kan bruke i vår søknad. Bildet som vi skal bruke heter FlipCycleTileLarge.png
.

Vi må fortelle bildekontroll hvor den kan finne bildet ved å angi den relative banen til bildet. Et bilde Kontrollen har en Source
eiendommen til dette formålet. Følgende kodebiten viser hvordan du kan gjøre dette ved å bruke XAML. Dette skulle være kjent nå
. ≪ Image Source = "Assets /Fliser /FlipCycleTileLarge.png" HorizontalAlignment = "Left" height = "197" Margin = "0,10,0,0" VerticalAlignment = "Top" width = "446" />

Etter å ha satt Kilde eiendom bildekontroll, design visningen skal oppdateres, og viser bildet du har satt. Det er mange flere måter der vi kan tilpasse bildekontroll, som gir det en grense. Føl deg fri til å leke med bildekontrollen for å finne ut hvilke andre egenskaper du kan angi for å tilpasse den.

2. Arbeide med Audio

Du vil merke at det å spille lyd er ganske enkelt også. Før jeg vise deg hvordan du skal spille lyd i programmet, og laste ned prøve lyd som at vi skal bruke fra SoundBible.com og gi den navnet cat.mp3
.

Målet er å spille av lyden når brukeren kraner en knapp på hovedsiden til søknaden vår. For å legge til lyd til din Windows Phone-prosjektet, høyre clickthe mappe Eiendeler Kjøpe og velg Legg til eksisterende element
fra Legg
menyen. Finn lydfilen og legge den til i prosjektet.

Legg til A-tasten kontroll fra Toolbox
til design visning, belowthe bildet vi laget tidligere. Endre knappen tittel ved å stille sin Innholds
egenskapen til "Play Sound" og sette på knappen Navn
eiendom til «PlaySoundButton". Navnet Eiendommen er spesielt viktig fordi det vil være tilgjengelig for oss i tilsvarende C # klasse.

Før vi går videre til neste trinn, legge til følgende codesnippet under Button kontroll i. Som navnet indikerer, beskriver kodebit en MediaElement
. Det peker på lydfilen vi lagt til vårt prosjekt litt tidligere
<. MediaElement Autokjør = "false" Name = "Catsound" Source = "Eiendeler /cat.mp3" HorizontalAlignment = "Left" height = "100" Margin = "187,357,0,0" VerticalAlignment = "Top" width = "100" />

Du bør ende opp med følgende resultat
. < Button Name = "PlaySoundButton" Content = "Play Sound" HorizontalAlignment = "Left" Margin = "106,263,0,0" VerticalAlignment = "Top" width = "263" height = "94" /> < MediaElement Autokjør = "false" name = "Catsound" Source = "Eiendeler /cat.mp3 "HorizontalAlignment =" Left "height =" 100 "Margin =" 187,357,0,0 "VerticalAlignment =" Top "width =" 100 "/>

Det er på tide å gjennomføre knappens hendelsesbehandling. Dobbeltklikk på knappen vi nettopp opprettet for å navigere til C # klasse av den gjeldende siden, MainPage.cs
. Du vil merke at Visual Studio allerede opprettet en hendelseshåndterer for oss, PlaySoundButton_Click. I PlaySoundButton_Click metoden, kaller vi Play på Catsound objektet
private void PlaySoundButton_Click (objekt avsenderen, RoutedEventArgs e) {CatSound.Play ();}.

Husk at Catsound er navnet vi ga til MediaElement
en liten stund siden. Når vi kaller Play metoden på MediaElement
objekt, til sistnevnte ser på sitt Source
eiendom finne ut hva det er behov for å spille.

Det er hvor enkelt det er å spille av lyd i en Windows Phone-programmet. Kjør programmet for å prøve det ut.

Konklusjon

I thistutorial, lært deg hvordan du kan vise bilder med bildekontroll og hvordan du kan spille av lyd ved hjelp av MediaElement kontroll. Det er mye mer du kan gjøre med MediaElement kontroll, slik som å spille video. Jeg oppfordrer deg til å bla i dokumentasjonen for å lære mer om disse funksjonene.