Share
Non possiamo immaginare un'applicazione mobile senza contenuti multimediali, come immagini e suoni. Il contenuto multimediale è fondamentale per molte applicazioni. In questo tutorial, ti mostrerò come inserire immagini e abilitare la riproduzione audio in un'applicazione Windows Phone.
Praticamente ogni applicazione Windows Phone contiene una o più immagini. Immagina solo un'applicazione senza artwork, solo testo. Ciò non sarebbe molto piacevole in termini di esperienza utente. È quindi importante imparare come aggiungere, utilizzare e manipolare le immagini in un'applicazione Windows Phone.
Come nelle esercitazioni precedenti, iniziamo creando un nuovo progetto Windows Phone. Per aggiungere un'immagine alla tua applicazione, attiva il pulsante cassetta degli attrezzi in Visual Studio e aggiungi un Immagine controllo alla vista disegno. È possibile ridimensionare il controllo Image in base alle proprie esigenze.
Il prossimo passo è popolare il controllo Immagine con un'immagine reale. Mostreremo un'immagine che fa parte di ogni progetto Windows Phone. Apri il Risorse cartella nel progetto Esploratore di soluzioni e individuare il Piastrella sottocartella. Dovrebbe contenere una manciata di immagini che possiamo usare nella nostra applicazione. L'immagine che useremo è nominata FlipCycleTileLarge.png.
Dobbiamo dire al controllo Immagine dove può trovare l'immagine specificando il percorso relativo dell'immagine. Un controllo immagine ha un fonte proprietà per questo scopo. Il seguente frammento di codice mostra come puoi farlo usando XAML. Questo dovrebbe sentirsi familiare ormai.
Dopo aver impostato la proprietà Source del controllo Image, la vista del design dovrebbe essere aggiornata, mostrando l'immagine che hai impostato. Ci sono molti altri modi in cui possiamo personalizzare il controllo dell'immagine, come dargli un bordo. Sentiti libero di giocare con il controllo Immagine per scoprire quali altre proprietà puoi impostare per personalizzarlo.
Noterai che anche riprodurre audio è abbastanza facile. Prima di mostrarti come riprodurre l'audio nella tua applicazione, scarica l'audio di esempio che utilizzeremo da SoundBible.com e chiamalo cat.mp3.
L'obiettivo è riprodurre l'audio quando l'utente tocca un pulsante nella pagina principale della nostra applicazione. Per aggiungere l'audio al progetto Windows Phone, fai clic con il tasto destro del mouse su Risorse cartella e selezionare Aggiungi elemento esistente dal Inserisci menu. Individua il file audio e aggiungilo al tuo progetto.
Aggiungi un controllo Button da cassetta degli attrezzi alla vista del disegno, sotto l'immagine che abbiamo creato in precedenza. Cambia il titolo del pulsante impostando il suo Soddisfare proprietà su "Riproduci suono" e imposta i pulsanti Nome proprietà a "PlaySoundButton". La proprietà Name è particolarmente importante in quanto sarà disponibile nella classe C # corrispondente.
Prima di passare al passaggio successivo, aggiungi il seguente frammento di codice sotto il controllo Button in. Come indica il nome, lo snippet di codice descrive un MediaElement. Punta al file audio che abbiamo aggiunto al nostro progetto un po 'prima.
Dovresti finire con il seguente risultato.
È ora di implementare il gestore di eventi del pulsante. Fai doppio clic sul pulsante appena creato per navigare nella classe C # della pagina corrente, MainPage.cs. Noterai che Visual Studio ha già creato per noi un gestore di eventi, PlaySoundButton_Click. Nel PlaySoundButton_Click metodo, chiamiamo Giocare sul CatSound oggetto.
private void PlaySoundButton_Click (oggetto mittente, RoutedEventArgs e) CatSound.Play ();
Ricordatelo CatSound è il nome che abbiamo dato al MediaElement pochi minuti fa. Quando chiamiamo il Giocare metodo sul MediaElement oggetto, quest'ultimo la guarda fonte proprietà per scoprire ciò di cui ha bisogno per giocare.
Ecco come è semplice riprodurre l'audio in un'applicazione Windows Phone. Esegui la tua applicazione per provarla.
In questo tutorial, hai imparato come visualizzare le immagini con il controllo Immagine e come riprodurre l'audio usando il controllo MediaElement. C'è molto di più che puoi fare con il controllo MediaElement, come la riproduzione di video. Vi incoraggio a consultare la documentazione per saperne di più su queste funzionalità.
Accentsconagua