Lavora con noi

ASP.Net

Siti tematici

Pagine:

RSS

Elementi di grafica con XAML

di: Luigi Corrias 19 Settembre 2007

Immagini ed elementi multimediali

Tra le caratteristiche più potenti di XAML c'è la gestione di contenuti multimediali. È possibile inserire video e audio, utilizzando il marcatore <MediaElement>, ed il relativo attributo Source all'interno del consueto Canvas;

Caricare un filmato

È possibile alzare o abbassare il volume attraverso l'attributo Volume, (valori tra 0 e 1, predefinito 0.5), o smorzarlo completamente, con l'attributo IsMuted impostato a true.

Un elemento multimediale condivide la scena con tutti gli altri elementi e si possono sovrapporre a grafici, immagini o testi.

Figura 9. Disco trasparente sovrapposto al video

Un modo interessante per sfruttare un video può essere quello di incastonarlo in altre forme. Possiamo ottenere questo effetto creando un MediaElement e utilizzandolo come pennello. Il marcatore che fa al caso nostro è <VideoBrush>. Basta assegnare alla proprietà SourceName il nome che abbiamo dato al <MediaElement>.

Nel nostro caso facciamo un esempio di un video in un testo, il testo relativo al video viene formattato attraverso il tipico elemento <TextBlock>

Video nel testo

<MediaElement x:Name="myMediaElement" Source="filmato.wmv" Width="300" Height="300"
      Opacity="0" IsMuted="True" />

<TextBlock Canvas.Left="10" Canvas.Top="10"
      FontFamily="Verdana" FontSize="80" FontWeight="Bold">

  HELLO<LineBreak/>WORLD

  <TextBlock.Foreground>
    <VideoBrush SourceName="myMediaElement" />
  </TextBlock.Foreground>
</TextBlock>

Figura 10. Video come colore del testo

Con il giusto intreccio di marcatori XAML e un po' di JavaScript possiamo realizzare veri e propri player multimediali, con le classiche funzioni PLAY,STOP,PAUSE etc.