Introduzione a Silverlight

4 pagine in totale: <<Indietro 1 2 3 [4]

I Brush

Esattamente come Windows Presentation Foundation anche con SilverLight si hanno a disposizione i Brush che ci permettono di riempire figure geometriche (anche TextBlock) non solo con dei colori di riempimento che possono essere piatti o sfumati ma, cosa che rende unico XAML rispetto al classico web, anche con contenuti multimediali come immagini e video.

Il codice seguente mostra la creazione di un ellisse con un bordo rosso ed con un video fondo :

<MediaElement x:Name="ButterflyTest" Source="Butterfly.wmv" />
<Ellipse x:Name="Ellipse" Width="200" Height="100" Canvas.Left="60" Canvas.Top="60" Stroke="#FF000000">
    <Ellipse.Fill>
        <VideoBrush SourceName="ButterflyTest" Stretch="Fill" />
    </Ellipse.Fill>
    <Ellipse.Stroke>
        <SolidColorBrush Color="Red" />
    </Ellipse.Stroke>
</Ellipse>

I Brush disponibili in questa versione sono:

  • ImageBrush
  • LinearGradientBrush
  • RadialGradientBrush
  • SolidColorBrush
  • VideoBrush

Le Trasformazioni

Come accade per WPF, anche in Silverlight è possibile effettuare trasformazioni per qualsiasi elemento presente all'interno del nostro Canvas sia esso un video o un testo; inoltre queste trasformazioni sono realizzabili tramite markup o tramite codice.
In questa versione 1.1 alpha gli effetti disponibili sono:

  • Rotate Trasform
  • Translate Trasform
  • Scale Trasform
  • Skew Transform

Ovviamente questi si possono combinare tra loro ed in più si ha la possiiblità di aggiungerci animazioni proprio come avviene per WPF.
Il codice seguente mostra delle trasformazioni realizzate tramite markup:

<Canvas.Resources>
    <Storyboard x:Name="animation" Storyboard.TargetName="rect">
        <!-- animazione sulla rotazione -->
        <DoubleAnimation Storyboard.TargetProperty="RotateTransform.Angle" Storyboard.TargetName="rotate" BeginTime="0:0:4" From="0" To="360" Duration="0:0:1" AutoReverse="True" RepeatBehavior="0:0:2" />
        <!-- animazione sullo skew -->
        <DoubleAnimation Storyboard.TargetProperty="SkewTransform.AngleX" Storyboard.TargetName="skew" BeginTime="0:0:6" From="0" To="50" Duration="0:0:1" AutoReverse="True" RepeatBehavior="0:0:2" />
    </Storyboard>
</Canvas.Resources>

<Rectangle x:Name="rect" Fill="Orange" Width="100" Height="100" Canvas.Left="100" Canvas.Top="100">
    <Rectangle.RenderTransform>
        <TransformGroup>
            <RotateTransform x:Name="rotate" CenterX="50" CenterY="50" />
            <SkewTransform Name="skew" CenterX="50" CenterY="50" />
        </TransformGroup>
    </Rectangle.RenderTransform>

</Rectangle>

Per ora non è previsto insieme al rilascio della versione 1.1 nè un'engine 3D ne la possibilità di sfruttare l'accellerazione Hardware delle moderne schede video.
A differenza di ciò che accade per i player Flash, le pagine web contenenti Silverlight non sono consultabili senza connessione (quindi off-line) e non è possibile realizzare un player stand-alone da eseguire sul client senza l'utilizzo del browser e del plug-in installato.

Conclusioni

Il primo paragone che verrebbe da fare su Silverlight è sulla sua somiglianza/concorrenza con il player di Adobe Flash, ma andando a guardare tutto ciò che abbraccia questa nuova tecnologia si può capire che la somiglianza è ben minima e le sue potenzialità sono enormi.

Come si è mostrato la metodologia di lavoro, non si discosta molto da quella utilizzata in ASP.NET il che rende questa nuova tecnologià già facile nell'apprendimento.
Inoltre, recentemente è stata annunciato che presto sarà implementato Silverlight anche per sistemi operativi Linux sfruttando il Framework Mono (per maggiori informazioni clicca qui) prodotto da Novell.

Purtroppo la versione alpha è ancora incompleta, mancando tutti i controlli e le funzionalità di binding, ma fortunatamente questi verranno integrati nelle prossime versioni che ci permetteranno di analizzare più affondo questo nuovo modo di sviluppare applicazioni web dinamiche in tutti i sensi, sia per i contenuti che per l'aspetto grafico.

4 pagine in totale: <<Indietro 1 2 3 [4]

Contenuti dell'articolo

Commenti
Dai un voto a questo articolo, ci aiuterà a migliorare il nostro sito (1 è il voto minimo, 5 il massimo).

Per procedere al rating dell'articolo devi essere autenticato.

Aggiungi un nuovo commento »»»
Per inserire un commento, devi registrarti alla nostra community.



TUTORIALS


IN EVIDENZA
MISC