Share
Nu ne putem imagina o aplicație mobilă fără conținut media, cum ar fi imagini și sunet. Conținutul media este esențial pentru multe aplicații. În acest tutorial, vă vom arăta cum să inserați imagini și să activați redarea audio într-o aplicație Windows Phone.
Practic, fiecare aplicație Windows Phone conține una sau mai multe imagini. Imaginați-vă doar o aplicație fără lucrări de artă, doar text. Acest lucru nu ar fi foarte plăcut în ceea ce privește experiența utilizatorului. Prin urmare, este important să învățăm cum să adăugăm, să folosim și să manipulăm imaginile într-o aplicație Windows Phone.
Ca și în tutoriile anterioare, începem prin crearea unui nou proiect Windows Phone. Pentru a adăuga o imagine la aplicație, comutați Trusa de scule în Visual Studio și adăugați un Imagine controlul la vizualizarea de proiectare. Aveți posibilitatea să redimensionați controlul imagine pentru a se potrivi nevoilor dvs..
Următorul pas este să populați controlul imaginii cu o imagine reală. Vom afișa o imagine care face parte din fiecare proiect Windows Phone. Deschide bunuri folder în proiect Soluție Explorer și localizați Ţiglă subfolder. Ar trebui să conțină o mână de imagini pe care le putem folosi în aplicația noastră. Imaginea pe care o vom folosi este numită FlipCycleTileLarge.png.
Trebuie să spunem controlului Imagine unde poate găsi imaginea specificând calea relativă a imaginii. Un control de imagine are a Sursă proprietate în acest scop. Următorul fragment de cod arată cum puteți face acest lucru utilizând XAML. Acest lucru ar trebui să se simtă familiar până acum.
După setarea proprietății sursă a comenzii Imagine, vizualizarea de proiectare trebuie actualizată, afișând imaginea pe care ați setat-o. Există mai multe moduri în care putem personaliza controlul imaginii, cum ar fi să-i dăm o frontieră. Simțiți-vă liber să vă jucați cu controlul imaginii pentru a afla ce alte proprietăți puteți seta pentru ao personaliza.
Veți observa că redarea audio este destul de ușoară. Înainte de a vă arăta cum să redați audio în aplicația dvs., descărcați sunetul pe care îl vom folosi de la SoundBible.com și îl numiți cat.mp3.
Scopul este de a reda sunetul atunci când utilizatorul pune pe butonul pe pagina principală a aplicației noastre. Pentru a adăuga sunetul la proiectul Windows Phone, faceți clic dreapta pe bunuri și selectați Adăugați elementul existent de la Adăuga meniul. Găsiți fișierul de sunet și adăugați-l în proiect.
Adăugați un buton de control de la Trusa de scule la vizualizarea de proiectare, sub imaginea pe care am creat-o mai devreme. Schimbați titlul butonului prin setarea acestuia Conţinut proprietăți pentru "Redare sunet" și setați butoanele Nume proprietate la "PlaySoundButton". Proprietatea Name este deosebit de importantă, deoarece va fi disponibilă în clasa C # corespunzătoare.
Înainte de a trece la pasul următor, adăugați următorul fragment de cod sub comanda butonului. După cum indică numele acestuia, fragmentul de cod descrie o MediaElement. Ea arată că fișierul audio pe care l-am adăugat la proiectul nostru puțin mai devreme.
Ar trebui să ajungeți la următorul rezultat.
Este timpul să implementăm butonul de tratare a evenimentului. Faceți dublu clic pe butonul pe care tocmai l-am creat pentru a naviga la clasa C # a paginii curente, MainPage.cs. Veți observa că Visual Studio a creat deja un handler de evenimente pentru noi, PlaySoundButton_Click. În PlaySoundButton_Click metoda, suntem Joaca pe CatSound obiect.
void privat PlaySoundButton_Click (expeditor obiect, RoutedEventArgs e) CatSound.Play ();
Sa nu uiti asta CatSound este numele pe care l-am dat MediaElement cu câteva momente în urmă. Când sunăm Joaca metoda pe MediaElement obiect, acesta din urmă se uită la ei Sursă proprietate pentru a afla ce are nevoie pentru a juca.
Atât de simplu este să redați audio într-o aplicație Windows Phone. Rulați aplicația pentru a încerca.
În acest tutorial, ați învățat cum să afișați imagini cu butonul Control imagine și cum să redați fișiere audio utilizând controlul MediaElement. Mai puteți face mai mult cu controlul MediaElement, cum ar fi redarea videoclipurilor. Vă încurajez să răsfoiți documentația pentru a afla mai multe despre aceste caracteristici.
Accentsconagua