Silverlight 2.0 primera aplicación
Primero vamos a New --> Project…, select Visual C# --> Silverlight, seleccioná ‘Silverlight Application.
1. A continuación aparecerá lo siguiente. Para correr una aplicación silverlight, es necesario hostearla en un sitio web html. En esta área se elige cómo se desea hospedar el proyecto.
 | Las opciones son: - Add a new web to the solution for hosting the control (es la más apropiada. Puedes elegir el tipo de proyecto - un sitio web o un proyecto de sitio web)
- Generate an HTML test page to host Sl within this project.(no provee acceso a todo el ambiente de diseño que provee visual studio a un proyecto web)
- Link this Silverlight control into an existing web site. (está deshabilitada por que estamos creando una solución nueva)
Clickeá Ok |
Visual Studio crea estas páginas:
- Default.aspx (página principal de la aplicación, el proyecto silv no se encuentra aquí)
- ProjectNameTestPage.aspx (página default para debugguear)
No utilizaremos Default.aspx así que podemos cerrarla. Ahora abramos ProjectNameTestPage.aspx. Para aquellos que han trabajado con Silverlight 1.0 pueden encontrar algo diferente en este código y es que no estamos llamando al java Silverlight.js eso es por que <asp:Silverlight> es un control que contiene la carga de la aplicación silv en su interior, pero si desean utilizar llamadas a archivos js también funciona.
<%@ Register Assembly="System.Web.Silverlight"
Namespace="System.Web.UI.SilverlightControls"
TagPrefix="asp" %>
.csharpcode, .csharpcode pre
{
font-size: small;
color: black;
font-family: consolas, "Courier New", courier, monospace;
background-color: #ffffff;
/*white-space: pre;*/
}
.csharpcode pre { margin: 0em; }
.csharpcode .rem { color: #008000; }
.csharpcode .kwrd { color: #0000ff; }
.csharpcode .str { color: #006080; }
.csharpcode .op { color: #0000c0; }
.csharpcode .preproc { color: #cc6633; }
.csharpcode .asp { background-color: #ffff00; }
.csharpcode .html { color: #800000; }
.csharpcode .attr { color: #ff0000; }
.csharpcode .alt
{
background-color: #f4f4f4;
width: 100%;
margin: 0em;
}
.csharpcode .lnum { color: #606060; }
Miren la propiedad Source llama a "~/ClientBin/FirstSilverlightProject.xap". Construyan el proyecto para ver de qué se trata esto. Cuando construyan el proyecto dirijanse a la carpeta de debug del mismo, ahí encontraran un archivo this xap (es simplemente un archivo zip). Para verlo realicen una copia del archivo xap y cambienle la extensión a zip. dentro del mismo se alojan 4 dlls y un appmanifest.xaml. (pic below)
Si agregamos un bmp(bitmap) a nuestro sitio. Add --> Existing Item. (Asegurate que se esté agregando al proyecto silverlight) Visual Studio cuando construyas la aplicación, colocará este archivo bmp dentro del archivo xap.
Agregale contenido a tu Page.xaml y ya tendrás una aplicación realizada en Silv 2.0.