ASP.Net  »  Articoli  »  Silverlight 

Ormai è noto che Silverlight ci consente di integrare le nostre pagine Web con animazioni, player video, menu dinamici, etc. In questo articolo esaminiamo da vicino il markup necessario all'integrazione di un elemento Silverlight 2 all'interno di una qualsiasi pagina Web. Le novità introdotte con la versione 2.0, in questo senso, sono principalmente due:

• la possibilità di generare i file .xap, che semplificano la gestione degli elementi silverlight all'interno del markup (X)HTML
• il nuovo elemento <asp:Silverlight> che possiamo aggiungere in Visual Studio o Visual Web Developer Express(SP1), grazie ai Microsoft Silverlight Tools e che semplifica l'importazione di elementi Silverlight nelle WebForm.

Per il controllo asp.net possiamo contare sull'aiuto del framework, che si occupa di trasformare la dichiarazione dell'elemento <asp:Silverlight> e di generare il contenitore per la nostra applicazione. È opportuno quindi occuparci di come inserire le applicazioni Silverlight 2 nel comune markup XHMTL.

La procedura non è molto differente da quella utilizzata per le animazioni realizzate in Flash. Anche nel nostro caso l'elemento principale è <object>, il tag preposto dal W3C per l'inserimento di qualsiasi elemento multimediale.

Il codice che viene generato automaticamente da Visual Studio o da Expression Blend è molto simile al seguente:

<div id="silverlightControlHost">

<object Data="data:application/x-silverlight," type="application/x-silverlight-2" Width="400" Height="300">
  <param Name="source" value="EsempioSilverlight.xap"/>
  <param Name="onerror" value="onSilverlightError" />
  <param Name="onResize" value="onResizeHandler" />
  <param Name="Background" value="white" />
  <param Name="initParams" value="nomeParam=ValoreParam,nomeParam2=ValoreParam2" />
  <param Name="minRuntimeVersion" value="2.0.31005.0" />
  
  <a href="http://go.microsoft.com/fwlink/?LinkID=108182" Style="text-decoration: none;">
    <img src="http://go.microsoft.com/fwlink/?LinkId=108181" alt="Get Microsoft Silverlight" Style="border-Style: none"/>
  </a>
</object>

<iframe Style='Visibility:hidden;Height:0;Width:0;border:0px'></iframe>

</div>

Prima di entrare nel dettaglio dei parametri e degli attributi, notiamo il link con immagine dichiarato all'interno dell'<object>. Questa parte viene visualizzata se, sul client, non è stato installato il plugin di Silverlight 2. In questo caso appare l'immagine che ci invita a scaricarlo per far funzionare la pagina.

Altri articoli

Altre guide

Altre newsletter