Silverlight al descubierto

Se realizará el próximo 3 de Marzo, el Windows Day, un evento online donde se van a dar charlas, demostraciones técnicas y sesiones de chat en vivo con especialistas.

Pueden registrase aquí.

Pueden visitar el blog del evento donde pueden ir anticipando algunas preguntas así como ir revisando que temas se van a tocar o seguir el evento vía Twitter.

Para todos aquellos que están esperando la salida del nuevo Visual Studio, o que quieren ir viendo que es lo nuevo que nos va a traer, Jason Zanden's nos muestra algunos screens sobre esta nueva versión, explicando algunas de las nuevas funcionalidades que va a tener.

Para más detalle pueden ver el post aquí.

Como había comentado hace un tiempo en este post, que podíamos visualizar los proyectos realizados con Silverlight por los usuarios de la comunidad, ahora tenemos la posibilidad de ver los distintos trabajos que han realizado los miembros de la comunidad de Expression.

Lo interesante es poder votar, comentar los trabajos, lo que permite una comunicación e integración para intentar sacarle todo el jugo a esta aplicación.

Pueden visualizar estos proyectos aquí.

Hipervideo (Hypervideo en ingles) es un video que posee links dentro de sí mismo que permiten interactuar con elementos ya sea de la página o del mismo video, además de poder linkearnos a otros sitios web.

Jesse Liberty nos da dos posibilidades para aprender más sobre los hipervideos:

• Videos sobre como insertar los links utilizando Expression Encoder y como interactuar con estos vínculos agregados al video. Parte 1 – Parte 2
• Varios post que explican conceptos y nos lleva paso a paso como producir y utilizar un hipervideo. Luego de cada post, hay un link que nos lleva al siguiente. Link

Voy a mostrarles de que manera podemos utilizar el control Ad-Rotator, desarrollado por la gente de Synergist, que permite de manera fácil agregar publicidad hecha en Silverlight.

Este control permite visualizar publicidad en imágenes, video o hecha en XAML.

1) Vamos a tener que descargar el código fuente del control aquí.

2) Agregamos la referencia en Visual Studio y Expression Blend a AdRotatorLibrary\Bin\Release\AdRotatorLibrary.dll

3) Agregamos en nuestro XAML el control a utilizar

<UserControl x:Class="SilverlightApplication1.Page"

    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 

    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 

    xmlns:ar="clr-namespace:Synergist;assembly=AdRotatorLibrary"

    Width="400" Height="482">

    <Grid x:Name="LayoutRoot" Background="Azure">

        <ar:AdRotator Format="HalfBanner" Source="../Ad-HalfBanner.xml" 

                      Margin="78,149,0,0" Width="125" Height="125" 

                      HorizontalAlignment="Left" VerticalAlignment="Top"/>

        <ar:AdRotator Format="Button" Source="../Ad-Button.xml" 

                      Margin="133,8,142,0" VerticalAlignment="Top" 

                      Height="125"/>

        <ar:AdRotator Format="VerticalBanner" Source="../Ad-VerticalBanner.xml" 

                      Height="125" Margin="138,0,142,9" VerticalAlignment="Bottom" 

                      Width="125"/>

    </Grid>

</UserControl>

Vamos a utilizar en este ejemplo 3 tipos de banner, Button (125x125), HalfBanner (234x60) y VerticalBanner (40x120).

Desde Expression Blend vemos que tenemos varias propiedades que podemos cambiar, entre las que se encuentra el tipo de banner que vamos a necesitar.

4) El control tiene una propiedad Source que indica el XML que contiene la información del banner a mostrar. Este XML tiene el formato de la clase ASP.net AdRotator.

<?xml version="1.0" encoding="utf-8" ?>

<Advertisements xmlns="http://schemas.microsoft.com/AspNet/AdRotator-Advertisement-File-1.2">

  <Ad xmlns="">

    <ImageUrl>http://img.timeinc.net/time/photoessays/2008/travel_touts/125_london_tout.jpg</ImageUrl>

    <Height>125</Height>

    <Width>125</Width>

    <NavigateUrl>http://www.silverlight.net</NavigateUrl>

    <AlternateText>Prueba de AdRotator - Button</AlternateText>

    <Keyword>Silverlight</Keyword>

    <Impressions>1</Impressions>

  </Ad>  

</Advertisements>

<?xml version="1.0" encoding="utf-8" ?>

<Advertisements xmlns="http://schemas.microsoft.com/AspNet/AdRotator-Advertisement-File-1.2">

  <Ad xmlns="">

    <ImageUrl>http://www.wolfgangsvault.com/content/images/affiliates/special/234x60-stones.jpg</ImageUrl>

    <Height>60</Height>

    <Width>234</Width>

    <NavigateUrl>http://www.silverlight.net</NavigateUrl>

    <AlternateText>Prueba de AdRotator - HalfBanner</AlternateText>

    <Keyword>Silverlight</Keyword>

    <Impressions>1</Impressions>

  </Ad>  

</Advertisements>

<?xml version="1.0" encoding="utf-8" ?>

<Advertisements xmlns="http://schemas.microsoft.com/AspNet/AdRotator-Advertisement-File-1.2">

  <Ad xmlns="">

    <ImageUrl>http://4.bp.blogspot.com/_tO4_8Rd6yaY/SBcXJ6kPjII/AAAAAAAAAdM/7Z5dkDB5Cro/s400/ghosts_120x240_1.jpg</ImageUrl>

    <Height>120</Height>

    <Width>40</Width>

    <NavigateUrl>http://www.silverlight.net</NavigateUrl>

    <AlternateText>Prueba de AdRotator - VerticalBanner</AlternateText>

    <Keyword>Silverlight</Keyword>

    <Impressions>1</Impressions>

  </Ad>  

</Advertisements>

5) Al ejecutar la aplicación vemos que tenemos las distintas publicidades utilizando Silverlight

Para más información visiten la página del control en MSDN Code aquí.

Ha sido lanzado un nuevo release del Deep Zoom Composer, el cual pueden descargar aquí.

Más información en el blog de Expression aquí.

Ha salido una actualización de Silverlight que es la versión Silverlight 2 GDR 1 (2.0.40115.0).

Pueden ver el post de Tim Sneath donde explica el release aquí.

Pueden descargar la actualización aquí, ahora si tienen instalada la edición para desarrolladores deben ir aquí ya sino les va a dar un error durante la instalación.

Para más información sobre el nuevo release Tim Heur ha posteado en detalle todo lo que concierne a esta actualización. El post lo pueden ver aquí.

Vamos a ver de que manera podemos agregar un DataGrid desde el code-behind.

Primero agregamos una referencia a “System.Windows.Controls.Data” desde el proyecto.

Luego solamente creamos el objeto y lo agregamos como en este caso al LayoutRoot.

DataGrid dg = new DataGrid();

dg.AutoGenerateColumns = true; 

dg.DataContext = datos;

dg.ItemsSource = datos;

LayoutRoot.Children.Add(dg);

Tim Heuer ha posteado una lista de la mayoría de los controles disponibles para Silverlight, donde mucha gente ha desarrollado muchos recursos para los desarrolladores.

Incluye los controles de Telerik, ComponentOne, Vectorlight y muchas más.

El link donde pueden revisar la lista es aquí.

Vamos a ver de que manera podemos recortar un objeto, para mostrar solamente una parte del mismo. Para realizar esta tarea vamos a utilizar la propiedad Clip del objeto, que nos permite recortar a través de una figura geométrica el objeto.

Las formas geométricas que podemos utilizar para recortar un objeto son:

• RectangleGeometry
• GeometryGroup
• LineGeometry
• PathGeometry
• EllipseGeometry

1) Vamos a diseñar un rectángulo, que es el objeto que vamos a recortar

<Rectangle Fill="Yellow" Height="100" Width="200" StrokeThickness="2" 

           Stroke="Black">

</Rectangle>

2) Utilizando la propiedad Clip recortando una elipse, mediante el objeto EllipseGeometry.

<Rectangle Fill="Yellow" Height="100" Width="200" StrokeThickness="2" 

           Stroke="Black">

    <Rectangle.Clip>

        <EllipseGeometry Center="0,0" RadiusX="50" RadiusY="50" />

    </Rectangle.Clip>

</Rectangle>

3) Ahora vamos a recortar el rectángulo utilizando otro rectángulo.

<Rectangle Fill="Yellow" Height="100" Width="200" StrokeThickness="2" 

           Stroke="Black">

    <Rectangle.Clip>

        <RectangleGeometry Rect="50,50,70,70" />

    </Rectangle.Clip>

</Rectangle>