Vi kan inte föreställa oss en mobilapplikation utan mediainnehåll, som bilder och ljud. Medieinnehåll är nyckeln för många applikationer. I den här handledningen visar jag dig hur du infogar bilder och aktiverar ljuduppspelning i en Windows Phone-applikation.
Nästan alla Windows Phone-program innehåller en eller flera bilder. Tänk dig en applikation utan bild, bara text. Det skulle inte vara mycket tilltalande när det gäller användarupplevelse. Det är därför viktigt att vi lär oss hur man lägger till, använder och manipulerar bilder i en Windows Phone-applikation.
Som i de tidigare handledningarna börjar vi genom att skapa ett nytt Windows Phone-projekt. Om du vill lägga till en bild i din ansökan växlar du Toolbox i Visual Studio och lägg till en Bild kontroll till designvyn. Du kan ändra storlek på bildkontrollen så att den passar dina behov.
Nästa steg är att fylla bildkontrollen med en faktisk bild. Vi visar en bild som ingår i varje Windows Phone-projekt. Öppna Tillgångar mapp i projektets Lösningsutforskare och lokalisera Bricka mapp. Den ska innehålla en handfull bilder som vi kan använda i vår ansökan. Den bild som vi använder är namngiven FlipCycleTileLarge.png.
Vi måste berätta bildkontrollen där den kan hitta bilden genom att ange den relativa sökvägen för bilden. En bildkontroll har a Källa egendom för detta ändamål. Följande kodsekvens visar hur du kan göra detta med hjälp av XAML. Detta borde känna sig bekant nu.
Efter att ha ställt in egenskapen Källa i Bildkontrollen, bör designvyn uppdateras, vilket visar bilden du har ställt in. Det finns många fler sätt på vilka vi kan anpassa bildkontrollen, som att ge den en gräns. Känn dig fri att spela med bildkontrollen för att ta reda på vilka andra egenskaper du kan ställa in för att anpassa den.
Du kommer märka att spela ljud är ganska enkelt också. Innan jag visar dig hur du spelar ljud i din ansökan, ladda ner det samplingsljud som vi använder från SoundBible.com och namnge det cat.mp3.
Målet är att spela ljudet när användaren knackar på en knapp på vår hemsida. För att lägga till ljudet i ditt Windows Phone-projekt högerklickar du på Tillgångar mapp och välj Lägg till befintlig artikel från Lägg till meny. Leta reda på ljudfilen och lägg till den i ditt projekt.
Lägg till en knappkontroll från Toolbox till designvyn, under bilden vi skapade tidigare. Ändra knappens titel genom att ställa in dess Innehåll egenskapen till "Spela upp ljud" och ställa in knappens namn egendom till "PlaySoundButton". Namnegenskapen är särskilt viktig eftersom den kommer att finnas tillgänglig för oss i motsvarande C # -klass.
Innan vi fortsätter till nästa steg lägger du till följande kodbit under knappkontrollen. Som namnet antyder beskriver kodtexten en MediaElement. Det pekar på den ljudfil vi lagt till vårt projekt lite tidigare.
Du borde sluta med följande resultat.
Det är dags att genomföra knappens händelsehanterare. Dubbelklicka på den knapp som vi just skapat för att navigera till C # -klassen på den aktuella sidan, MainPage.cs. Du kommer märka att Visual Studio redan skapat en händelsehanterare för oss, PlaySoundButton_Click
. I PlaySoundButton_Click
metod vi kallar Spela
på CatSound
objekt.
privat tomt PlaySoundButton_Click (objekt avsändare, RoutedEventArgs e) CatSound.Play ();
Kom ihåg det CatSound
är namnet vi gav till MediaElement för några minuter sedan. När vi kallar Spela
metod på MediaElement objekt, den senare tittar på dess Källa egendom för att ta reda på vad det behöver spela.
Så enkelt är det att spela upp ljud i en Windows Phone-applikation. Kör din ansökan för att prova den.
I denna handledning lärde du dig att visa bilder med bildkontrollen och hur du spelar ljud med hjälp av MediaElement-kontrollen. Det finns mycket mer du kan göra med MediaElement-kontrollen, som att spela video. Jag uppmanar dig att bläddra i dokumentationen för att lära dig mer om dessa funktioner.