Lavora con noi

ASP.Net

Siti tematici

Pagine:

RSS Download

"Hello World" con Silverlight

di: Luigi Corrias 27 Giugno 2007

Il gioco è quasi fatto e, una volta presa un po' di confidenza, non sembrerà così strano. Prima di ultimare il nostro esempio creando il file XAML, precisiamo che è possible creare, nella stessa pagina Web, più controlli Silverlight inserendoli ognuno in un elemento <div> con ID univoco. Ad ogni <div> bisogna associare il relativo blocco di inizializzazione e, naturalmente la relativa funzione. I blocchi relativi a ciascun elemento devono essere posti uno accanto all'altro, senza frapporre alcun codice di altro genere.

Hello World: il primo file XAML

Finalmente possiamo creare il nostro primo file XAML, che è il vero protagonista della programmazione di interfacce con Silverlight. XAML è un linguaggio a marcatori basato su XML, vediamo come scrivere l'inevitabile "Hello World".

Listato 4. Codice XAML per scrivere un testo

<Canvas
      xmlns="http://schemas.microsoft.com/client/2007"
      xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">

  <TextBlock>hello world!</TextBlock>
</Canvas>

Il marcatore principale di Silverlight è <Canvas> che è tela da pittore sulla quale disporre tutti gli elementi grafici. Per le applicazioni desktop invece il nodo radice è <Window>.

Intuitivamente <TextBlock> è l'elemento che si occupa dell'inserimento del testo. é naturalmente possibile formattare il testo in maniera più sofisticata; nel dettaglio è possibile collocare il testo nell'area canvas attraverso gli attributi:

Canvas.Left: distanza dal lato sinistro dell'area Canvas
Canvas.Top: distanza dal lato superiore dell'area Canvas

Figura 1. Risultato dell'esempio