Silverlight - Guida introduttiva

In questo capitolo, esamineremo un esempio funzionante di Silverlight. Abbiamo bisogno di due cose:

• Innanzitutto, abbiamo bisogno di una pagina web. Silverlight è progettato per applicazioni Internet avanzate, è progettato per essere eseguito all'interno di un browser Web come parte di una pagina Web. La pagina deve incorporare un tag adatto per caricare il plug-in Silverlight. Può anche includere la logica per rilevare se Silverlight è installato e può fornire un'interfaccia utente di fallback, quando è assente.

• La seconda cosa di cui abbiamo bisogno è il contenuto stesso di Silverlight. Questo tutorial si concentrerà sul modello di programmazione .NET per Silverlight. Creeremo un'applicazione Silverlight compilata contenente una combinazione di XAML, il linguaggio mockup che utilizziamo per definire le interfacce utente di Silverlight e codice .NET scritto in C #.

Crea una pagina web

Il modo più semplice per iniziare a utilizzare Silverlight è creare un normale sito Web con pagine HTML e nessun codice lato server. Vediamo un esempio molto semplice.

Step 1 - Apri Visual Studio. Clicca ilFile menu, puntare su New quindi fare clic su Project.

Step 2 - A New Projectsi aprirà la finestra di dialogo. SottoTemplates, Selezionare Visual C# e poi click Silverlight. Nel riquadro di destra, scegli Applicazione Silverlight.

Immettere un nome di progetto e una posizione sul disco rigido per salvare il progetto, quindi fare clic su OK per creare il progetto.

Il progetto Silverlight stesso creerà solo il contenuto Silverlight e quel contenuto è solo una delle tante risorse che costituiranno l'intera applicazione web.

Clic OK.

Step 3 - Controlla il file Host the Silverlight application checkbox. L'impostazione predefinita è un progetto di applicazione Web ASP.NET.

Step 4- MS-Visual Studio ha creato due progetti, il progetto Silverlight e un'applicazione web ASP.NET. Ora, abbiamo bisogno di un'applicazione web ASP.NET. Puoi vederlo nel fileSolution Explorer finestra come mostrato di seguito.

Tutto ciò che può servire il contenuto tramite HTTP andrà bene, ma questo è Visual Studioe comprende la tecnologia Web ASP.NET, quindi questo è ciò che ci offre.

Per dimostrare che Silverlight non dipende da nessuna particolare tecnologia lato server, eliminiamolo .aspx file, lasciando solo il semplice file HTML statico.

Step 5- Fare clic con il pulsante destro del mouse su FirstExampleTestpage.aspx. Dall'elenco delle opzioni, fare clic suDelete.

Step 6 - Imposta FirstExampleTestPage.html come la Start pagina.

Il MainPage.xamlfile definisce l'interfaccia utente per il contenuto Silverlight. Puoi scrivere direttamente codice XAML oppure puoi anche usareToolbox per trascinare e rilasciare diversi elementi dell'interfaccia utente.

Step 7 - Di seguito è riportato un semplice codice in formato MainPage.xaml in cui a Button e a TextBlock sono definiti all'interno 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 - Questo esempio presuppone che abbiate creato un metodo di gestione degli eventi denominato ClickMe_Click. Ecco come appare nel fileMainPage.xaml.cs file.

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 - È possibile eseguire un'applicazione Silverlight su qualsiasi browser installato.

Step 10 - Quando il codice sopra è stato compilato ed eseguito, vedrai la seguente pagina web.

Step 11 - Ora, quando fai clic su Click Me pulsante, aggiornerà il testo nel file TextBlock come mostrato di seguito.

Ti consigliamo di eseguire l'esempio precedente aggiungendo altri elementi dell'interfaccia utente.