Share
No podemos imaginar una aplicación móvil sin contenido multimedia, como imágenes y sonido. El contenido multimedia es clave para muchas aplicaciones. En este tutorial, te mostraré cómo insertar imágenes y habilitar la reproducción de audio en una aplicación de Windows Phone.
Prácticamente todas las aplicaciones de Windows Phone contienen una o más imágenes. Solo imagina una aplicación sin ilustraciones, solo texto. Eso no sería muy agradable en términos de experiencia de usuario. Por lo tanto, es importante que aprendamos cómo agregar, usar y manipular imágenes en una aplicación de Windows Phone..
Como en los tutoriales anteriores, comenzamos creando un nuevo proyecto de Windows Phone. Para agregar una imagen a su aplicación, alterne Caja de instrumento en Visual Studio y añadir una Imagen Control a la vista de diseño. Puede cambiar el tamaño del control de imagen para adaptarse a sus necesidades.
El siguiente paso es rellenar el control de imagen con una imagen real. Mostraremos una imagen que forma parte de cada proyecto de Windows Phone. Abre el Bienes carpeta en el proyecto Explorador de la solución y localice el Azulejo subcarpeta Debe contener un puñado de imágenes que podamos usar en nuestra aplicación. La imagen que usaremos se llama FlipCycleTileLarge.png.
Necesitamos indicar al control de Imagen dónde puede encontrar la imagen especificando la ruta relativa de la imagen. Un control de imagen tiene un Fuente Propiedad para este fin. El siguiente fragmento de código muestra cómo puede hacer esto utilizando XAML. Esto debería sentirse familiar por ahora.
Después de configurar la propiedad Fuente del control de Imagen, la vista de diseño debe actualizarse, mostrando la imagen que ha establecido. Hay muchas más formas en que podemos personalizar el control de la imagen, como darle un borde. Siéntase libre de jugar con el control de imagen para averiguar qué otras propiedades puede configurar para personalizarlo..
Notarás que reproducir audio también es bastante fácil. Antes de mostrarle cómo reproducir audio en su aplicación, descargue el sonido de muestra que usaremos de SoundBible.com y asígnele el nombre cat.mp3.
El objetivo es reproducir el sonido cuando el usuario toca un botón en la página principal de nuestra aplicación. Para agregar el sonido a su proyecto de Windows Phone, haga clic derecho en Bienes carpeta y seleccione Añadir artículo existente desde el Añadir menú. Localiza el archivo de sonido y agrégalo a tu proyecto..
Agrega un control de botón desde el Caja de instrumento a la vista de diseño, debajo de la imagen que creamos anteriormente. Cambia el título del botón configurando su Contenido la propiedad a "Reproducir sonido" y configurar el botón Nombre propiedad a "PlaySoundButton". La propiedad Nombre es particularmente importante ya que estará disponible para nosotros en la clase C # correspondiente.
Antes de pasar al siguiente paso, agregue el siguiente fragmento de código debajo del control Button. Como su nombre lo indica, el fragmento de código describe una MediaElement. Apunta al archivo de audio que agregamos a nuestro proyecto un poco antes..
Deberías terminar con el siguiente resultado..
Es hora de implementar el controlador de eventos del botón. Haga doble clic en el botón que acabamos de crear para navegar a la clase C # de la página actual, MainPage.cs. Notarás que Visual Studio ya creó un controlador de eventos para nosotros., PlaySoundButton_Click. En el PlaySoundButton_Click método, llamamos Jugar sobre el CatSound objeto.
Private Void PlaySoundButton_Click (objeto remitente, RoutedEventArgs e) CatSound.Play ();
Recuérdalo CatSound es el nombre que le dimos a la MediaElement Hace unos momentos. Cuando llamamos al Jugar método en el MediaElement objeto, este último mira su Fuente propiedad para descubrir lo que necesita para jugar.
Así de simple es reproducir audio en una aplicación de Windows Phone. Ejecute su aplicación para probarlo.
En este tutorial, aprendió cómo mostrar imágenes con el control de imagen y cómo reproducir audio con el control MediaElement. Hay mucho más que puedes hacer con el control MediaElement, como reproducir videos. Le animo a navegar por la documentación para obtener más información sobre estas características..
Accentsconagua