Silverlight - Introducción

En este capítulo, veremos un ejemplo práctico de Silverlight. Necesitamos dos cosas

Primero, necesitamos una página web. Silverlight está diseñado para aplicaciones de Internet enriquecidas. Está diseñado para ejecutarse dentro de un navegador web como parte de una página web. La página debe incorporar una etiqueta adecuada para cargar el complemento Silverlight. También puede incluir la lógica para detectar si Silverlight está instalado y puede proporcionar alguna interfaz de usuario alternativa cuando no esté presente.
Lo segundo que necesitamos es el contenido de Silverlight en sí. Este tutorial se centrará en el modelo de programación .NET para Silverlight. Crearemos una aplicación Silverlight compilada que contiene una mezcla de XAML, el lenguaje de maqueta que usamos para definir las interfaces de usuario de Silverlight y código .NET escrito en C #.

Crear una página web

La forma más sencilla de empezar a utilizar Silverlight es crear un sitio web normal con páginas HTML y sin código del lado del servidor. Veamos un ejemplo muy simple.

Step 1 - abierto Visual Studio. Haga clic en elFile menú, apunte a New y luego haga clic en Project.

Step 2 - A New Projectse abrirá el cuadro de diálogo. DebajoTemplates, Seleccione Visual C# y entonces click Silverlight. En el panel derecho, elija Aplicación Silverlight.

Ingrese un nombre de proyecto y una ubicación en su disco duro para guardar su proyecto y luego haga clic en OK para crear el proyecto.

El proyecto Silverlight en sí solo va a construir el contenido de Silverlight, y ese contenido es solo un activo entre muchos que conformarán toda la aplicación web.

Hacer clic OK.

Step 3 - Compruebe el Host the Silverlight application checkbox. El valor predeterminado es un proyecto de aplicación web ASP.NET.

Step 4- MS-Visual Studio ha creado dos proyectos, el proyecto Silverlight y una aplicación web ASP.NET. Ahora, necesitamos una aplicación web ASP.NET. Puedes ver esto en elSolution Explorer ventana como se muestra a continuación.

Cualquier cosa que pueda servir el contenido a través de HTTP servirá, pero esto es Visual Studio, y entiende la tecnología web ASP.NET, así que eso es lo que nos brinda.

Para demostrar que Silverlight no depende de ninguna tecnología del lado del servidor en particular, eliminemos este .aspx archivo, dejando solo el archivo HTML estático simple.

Step 5- Haga clic con el botón derecho en FirstExampleTestpage.aspx. De la lista de opciones, haga clic enDelete.

Step 6 - Establecer FirstExampleTestPage.html como el Start página.

los MainPage.xamlarchivo define la interfaz de usuario para el contenido de Silverlight. O puede escribir código XAML directamente o también puede usarToolbox para arrastrar y soltar diferentes elementos de la interfaz de usuario.

Step 7 - A continuación se muestra un código simple en MainPage.xaml en el que un Button y un TextBlock se definen dentro del StackPanel.

<UserControl x:Class = "FirstExample.MainPage" 
   xmlns = "http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
   xmlns:x = "http://schemas.microsoft.com/winfx/2006/xaml" 
   xmlns:d = "http://schemas.microsoft.com/expression/blend/2008" 
   xmlns:mc = "http://schemas.openxmlformats.org/markup-compatibility/2006" 
   mc:Ignorable = "d" 
   d:DesignHeight = "300" d:DesignWidth = "400">  
   
   <Grid x:Name = "LayoutRoot" Background = "White"> 
      <StackPanel> 
		
         <TextBlock x:Name = "TextMessage"  
            Text = "Hello World!"  
            Margin = "5">
         </TextBlock> 
			
         <Button x:Name = "ClickMe"  
            Click = "ClickMe_Click"  
            Content = "Click Me!"  
            Margin = "5"> 
         </Button> 
			
      </StackPanel> 
   </Grid> 
	
</UserControl>

Step 8 - Este ejemplo asume que ha creado un método de manejo de eventos llamado ClickMe_Click. Así es como se ve en elMainPage.xaml.cs archivo.

using System.Windows; 
using System.Windows.Controls;
  
namespace FirstExample { 

   public partial class MainPage : UserControl { 
	
      public MainPage() { 
         InitializeComponent(); 
      } 
	  
      private void ClickMe_Click(object sender, RoutedEventArgs e) { 
         TextMessage.Text = "Congratulations! you have created your first Silverlight Applicatoin"; 
      } 
   } 
}

Step 9 - Se puede ejecutar una aplicación Silverlight en cualquier navegador instalado.

Step 10 - Cuando se compile y ejecute el código anterior, verá la siguiente página web.

Step 11 - Ahora, cuando haces clic en el Click Me botón, actualizará el texto en el TextBlock Como se muestra abajo.

Le recomendamos que ejecute el ejemplo anterior agregando algunos elementos de interfaz de usuario más.

↰ Previous page Next page ↱