13.5.10

Aprendiendo Windows Phone 7 (parte 3): Hola mundo en Silverlight

Esta semana no he podido trastear con el nuevo emulador de Windows Phone 7 por el tema de la migración de la lista de correo del DotNetClub de la UCM. Pero hoy voy a aprovechar y voy a hacerme un “Hola mundo” en Silverlight con vosotros.

¿Acaso hay algo mejor que programar con un grupo de amigos?

Muy bien pues primero voy a abrir el Visual Studio 2010 Express for Windows Phone. Si no os lo habéis descargado, el otro día puse en mi blog una entrada sobre cómo hacerlo:

http://libreyextremo.blogspot.com/2010/04/aprendiendo-windows-phone-7-1.html

http://libreyextremo.blogspot.com/2010/04/aprendiendo-windows-phone-7-parte-2.html

Una vez abierto Visual Studio, hay que crear un nuevo proyecto:

- para ello hay que pulsar en el menú “File” -> opción “New Project” (ver figura 1),


Figura 1.

- en la nueva ventana (ver figura 2.) he seleccionado las opciones “Visual C#” -> “Silverlight for Windows Phone” -> “Windows Phone Application”. Además he rellenado la información sobre el nombre del proyecto, ruta en el disco duro y el nombre de la solución, os puse los datos que yo puse:

o Name = HolaMundo
o Location = (la que queráis, yo lo puse en...) C:\warterrain\Ejemplo001\
o SolutionName = HolaMundoSolucion

Figura 2.

- Por último he pulsado Ok y ya está creado el proyecto. Fácil ¿verdad?

En la figura 3 podéis ver nuestro proyecto recien salido del horno.


Figura 3.

Por defecto, se nos abre la primera página que ejecutará el programa. Esta página solo contiene el texto “MY APPLICATION” y el título “Page Title”.
El editor podéis ver que está dividido en dos mitades en una se muestra el código XAML y en la otra el aspecto final de la página.

Vamos a cambiar el título por el mensaje Hola Mundo. Para ello pinchamos en “page title”. En la ventana de Propiedades aparecerá toda la información de este título. Pinchando en Text podemos cambiar el texto del título por “Hola, mundo” (ver figura 4)


Figura 4.

Pues vamos a ver qué tal ha quedado. Pulsamos en “Debug” -> “Start debugging” arrancaremos el emulador (ver figura 5.).

Figura 5.

Tras un momento en que se ha estado iniciando el emulador, tengo delante mía mi humilde “Hola, mundo” con Silverlight en Windows Phone 7. Podéis verlo en la figura 6.

Figura 6.

Espero que os lo hayáis pasado tan bien como yo haciendo este primer programa para Windows Phone 7 con Silverlight.

Os dejo unos cuántos enlaces de interés:

Artículo original en el blog en español de Scott Guthrië: http://thinkingindotnet.wordpress.com/2010/03/21/crear-un-aplicacion-twitter-para-windows-phone-7-con-silverlight/

Sitio web para desarrolladores de Windows Phone 7:
http://developer.windowsphone.com/windows-phone-7-series

Sitio web MobileNUG Series:
http://www.mobilenugseries.com/

Grupo de estudiantes DotNetClub UCM:
http://complutense.dotnetclubs.com/

No comments:

Post a Comment