Guillaume André

Apprentissage, étude et approfondissement des nouvelles technologies

20 Mar, 2009

Silverlight 3 : XAML Element Databinding

Posted by: Guillaume Andre In: Silverlight

Silverlight 3 vient enrichir le modèle de Databinding existant de Silverlight 2 en introduisant la notion de Element Databinding, déjà connue des développeurs WPF.

Le concept du Element Databinding est de lier la valeur de la propriété d’un élément vers la propriété d’un autre élément. Voici un exemple tiré du blog de Tim Heuer, le but étant de lier la “Value” du Slider vers la “Width” du Rectangle lorsque l’évènement “ValueChange” du Slider se déclenche.


View on Vimeo.

Code XAML :

            <Slider x:Name=”monSlider” Width=”200″ Minimum=”0″ Maximum=”400″ Value=”200″></Slider>
            <Rectangle Width=”{Binding Value, ElementName=monSlider}” Height=”200″ RadiusX=”5″ RadiusY=”5″ Fill=”Gray”></Rectangle>

L’intérêt de cette syntaxe est qu’elle ne nécessite pas l’intervention d’un développeur. Il suffit de connaître le langage XAML ou bien d’utiliser Expression Blend à bon escient. Pour information en Silverlight 2 il aurait fallu écouter l’évènement et y attacher l’action :

monSlider.ValueChanged += (object sender, RoutedPropertyChangedEventArgs&lt;double&gt; e) =&gt;
{
     monRectangle.SetValue(Rectangle.WidthProperty, e.NewValue);
}; 

Autrement dis on économise du code !

1 Response to "Silverlight 3 : XAML Element Databinding"

Comments are closed.