Hola mundo para Windows Phone 8.1
En este tutorial se mostraran los pasos básicos para desarrollar
una aplicación para Windows Phone 8.1, dicha App contiene un botón que al hacer
clic (Antes Tap) mostrara un mensaje con el famoso Hola mundo.
1.- Iniciar Visual Studio 2013.
2.- En el menú File se selecciona New + Project …
3.- De todas las plantillas que contiene el IDE Visual
Studio se selecciona Templates + Visual
C# + Store Apps + Windows Phone Apps, y se le da el nombre de HelloWorldWP.
4.- En la siguiente pantalla se muestra el contenido de la
Solución creada, está dividido en varios paneles, de izquierda a derecha se
muestra el diseñador visual, el código de la interfaz gráfica que está dentro
del archivo XAML, y por último el explorador de soluciones donde están todas
las carpetas y archivos del proyecto.
5.- Dentro del explorador de soluciones se pueden ver
diferentes carpetas que contienen desde los archivos de configuración, hasta el
código fuente. En este caso cada archivo XAML
está vinculado con un archivo CS que
es donde se programa la lógica del proyecto.
6.- Dentro del archivo MainPage.xaml
se agregara el código para mostrar un botón dentro de la interfaz gráfica.
7.- Cada que se escribe dentro del componente el IDE muestra
las propiedades que pueden agregarse y modificarse, todo esto dentro de un panel.
8.- En la siguiente imagen se puede ver el código para
agregar un botón, darle por nombre HelloWorld
y hacer que muestre el texto Press
Here!!.
9.- Para programar el comportamiento del botón se agrega el
evento Click, y el IDE automáticamente
sugiere crear un Manejador de Eventos para poder ejecutar un código cuando el
usuario haga clic sobre el botón. Al hacer clic en el mensaje el manejador
se crea automáticamente.
10.- Ahora se abre el archivo MainPage.xaml.cs donde se puede ver que el método HelloWorld_Click ya fue creado automáticamente,
y dentro de este método es donde se programa el comportamiento del botón.
11.- Para mostrar un mensaje se agrega el código mostrado en
la siguiente imagen.
12.- Como se puede apreciar en la imagen de abajo, el texto
MessageDialog aparece subrayado en color rojo, lo que indica que el compilador
no reconoce la clase a la que se está haciendo referencia, al hacer clic sobre
este texto aparece un icono en forma de hoja.
13.- Al hacer clic en icono se despliegan posibles
soluciones a este error, la primera agrega la referencia a la librería Windows.UI.Popups lo que hace que
todos los métodos de esta librería estén disponibles para utilizarse, si se
hace clic en la segunda opción solo se agrega la ruta completa de la clase Windows.UI.Popups.MessageDialog, lo que
hará que cada que se quiera volver a utilizar habrá que hacer el mismo procedimiento.
14.- En esta imagen se muestra como se agregó automáticamente
la librería Windows.UI.Popups al la
clase MainPage.xaml.cs.
15.- Ahora basta con seleccionar donde se desea ejecutar la
aplicación creada, es decir se pueden elegir diferentes configuraciones del
emulador, o se puede compilar e instalar directamente en un Smartphone con
Windows 8.1 conectado a la computadora.
16.- En caso de que el sistema operativo instalado no sea
Windows 8.1 Profesional no se podrá ejecutar el emulador de Windows Phone, en ese caso la opción es ejecutarlo
directamente en el dispositivo.
17.- En la siguiente imagen se ve la aplicación corriendo en
un Smartphone, se puede ver el botón con el texto Press Here!!.
18.- Al hacer clic en el botón se muestra el mensaje Hello
World!!! Y así se verifica que el proyecto esta funcionando.
19.- Al momento de ejecutarse la app este puede ejecutarse en
modo Debug (Depuración) o Release (liberada para el público)
20.- Una vez que se ejecutó la
App su ejecución se puede detener directamente desde el IDE de Visual Studio
haciendo clic en el botón rojo.
Comentarios