Silverlight

Silverlight es una nueva propuesta tecnológica de presentación web creada para su ejecución en distintas plataformas. Agrega un atractivo visual e interactivo y se puede ejecutar en todos los entornos: con exploradores y en múltiples dispositivos y sistemas operativos de escritorio como Windows y Macintosh de Apple. Al igual que WPF (Windows Presentation Foundation), la tecnología de presentación en Microsoft .NET Framework 3.0 (la infraestructura de programación de Windows), XAML (eXtensible Application Markup Language, lenguaje de marcado de aplicaciones extensible), constituye la base de la capacidad de presentación de Silverlight.

Nota : El siguiente ejemplo fue desarrollado en base a Silverlight ver.1.0

Codigo XAML del Ejemplo (este es el codigo del archivo con extension xaml )

<Canvas

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

<Canvas.Resources>


<Storyboard x:Name="ani1"
Storyboard.TargetName="escala"
Storyboard.TargetProperty="(ScaleX)">
<DoubleAnimation Duration="0:0:1" To="3"/>
</Storyboard>

<Storyboard x:Name="ani2"
Storyboard.TargetName="escala"
Storyboard.TargetProperty="(ScaleY)">
<DoubleAnimation Duration="0:0:1" To="3"/>
</Storyboard>

<Storyboard x:Name="ani3"
Storyboard.TargetName="escala"
Storyboard.TargetProperty="(ScaleX)">
<DoubleAnimation Duration="0:0:1" To="1"/>
</Storyboard>

<Storyboard x:Name="ani4"
Storyboard.TargetName="escala"
Storyboard.TargetProperty="(ScaleY)">
<DoubleAnimation Duration="0:0:1" To="1"/>
</Storyboard>

</Canvas.Resources>

<Rectangle x:Name="rectangulo" Height="100" Width="100" Canvas.Left="100" Canvas.Top="200"
Fill="red" RenderTransformOrigin="0.5,0.5" Opacity="0.75">
</Rectangle>

<Rectangle x:Name="rectangulo2" Height="100" Width="100" Canvas.Left="200" Canvas.Top="200" Fill="Blue"
RenderTransformOrigin="0.5,0.5" Opacity="0.9" MouseEnter="grande" MouseLeave="chico">
<Rectangle.RenderTransform>
<ScaleTransform x:Name="escala" ScaleX="1" ScaleY="1"/>
</Rectangle.RenderTransform>
</Rectangle>
</Canvas>

Ejemplo de XAML