Primer "Hello World" con Silverlight 3 antes de Silverlight 4, usando Visual Studio 2008 y C#
Hola Amigos, si te gusta los posts en mi blog, por favor sígueme en Twitter bajo @lalfarod para ver mis aportaciones.
Como ya vemos muy de cerca el Silverlight 4, con la comunidad hemos visto mucho interés en la programación de Silverlight 3. Por lo tanto yo me comprometí escribir ocho artículos de cómo empezar a usarlo y este es el primero de los ocho :)
Por lo tanto empecemos con el paso cero, el cual es revisar si nuestro Visual Studio 2008 tiene instalado el Silverlight™ 3 Tools.
Para hacer esto, deben de ingresar al Visual Studio 2008 e ingresar un nuevo proyecto.
Si ven la opción de Silverlight en el, significa que tiene instalado el Silverlight™ 3 Tools, si no lo tienen verán algo parecido:
Si no lo tienen instalado, pueden hacer lo siguiente, ingresar a los siguientes links, el primero es el sitio Silverlight donde encontraran mucha información para iniciar a usarlo, el segundo es el link directo para descargar el Silverlight™ 3 Tools:
· http://silverlight.net/getstarted/
· http://www.microsoft.com/downloads/details.aspx?familyid=9442b0f2-7465-417a-88f3-5e7b5409e9dd&displaylang=en
Cuando instalen el archivo y al volver a tratar de ingresar un nuevo proyecto, ya encontraran que ahora tienen la opción de Silverlight:
Agregaremos una aplicación de Silverlight, al momento de agregarla, nos consultara si será una Web Application o un Web Site, en este caso usaremos un Web Site:
Al momento de que se habrá nuestra solución, veremos que en el Solution Explorer habrán muchos archivos nuevos que nunca habíamos visto en un Web Site normal de ASPX. Uno muy importante es el MainPage.xaml ya que en este ejemplo ira todo nuestro código de controles y de código C#:
Si ustedes ingresan al MainPage.xaml verán el siguiente código:
Pero algo muy importante es que todos los controles que iremos a usar de Silverlight van entre lo siguiente: <Grid x:Name="LayoutRoot"></Grid>
Ahora vamos a ingresar un control bien simple, un botón:
Si ustedes ven en el botón, no es lo mismo código de un botón ASPX, para empezar se de clara de la siguiente forma:
<Button></Button>
No está usando el famoso ASPX que siempre anteceden en la declaración. Para agregar el nombre de identificación se hace de la siguiente forma:
<Button x:Name="MyButton"></Button>
En los botones ASPX se usa el famoso ID para declarar el nombre de identificación, si deseamos colocarle un texto al botón, se hara de la siguiente forma:
<Button x:Name="MyButton" Content="Click me"></Button>
Bueno, acá podría seguir con infinidad de ejemplos, para que puedan ver cómo cambian diferentes sentencias de los controles ASPX. Pero mejor continuemos con temas más importantes.
Antes de continuar les quiero mostrar cómo se miraría nuestra página al darle F5 con lo que tenemos:
Bueno, ahora insertémosle un evento al momento que hagan click en el botón:
Al ingresar click en el botón, nos va a mostrar el “New Event Handler”, acá hay dos opciones, una es ingresar el nombre del evento o dos presionar enter, con cualquiera de las dos opciones se ingresara automáticamente el método en nuestro código de C#:
Ya en este método, se puede ingresar cualquier tipo de programación para algún acontecimiento que nos gustaría que suceda en nuestra página.
Este es el primer post de ocho que ingresare en mi blog sobre como hacer nuestra primer pagina funcional con Silverlight, el segundo se trata en colocar consultas a bases de datos usando LINQ, este lo pueden encontrar en el siguiente LINK PARTE NO. 2 .
Un Saludo,
Luis Antonio Alfaro
