Browsed by
Month: December 2010

Les nouveautés du Silverlight toolkit : partie 2

Les nouveautés du Silverlight toolkit : partie 2

Dans la partie 1, nous avons présenté les nouveautés de la librairie. Dans cette seconde partie, nous allons nous concentrer sur la présentation et l’utilisation des nouveaux contrôles.

AutoCompleteBox

AutoCompleteBox est une textbox qui permet de saisir du texte mais qui affiche dans une liste en dessous les possibilités relatives à votre saisie. Il est donc très important d’implémenter une recherche efficace pour cela.

Exemple:

<toolkit:AutoCompleteBox  ItemsSource="{StaticResource words}"/>

ListPicker

ListPicker est l’équivalent Windows Phone 7 du contrôle ComboBox. Il possède deux sorte de sélection :- sélection sur place (affiche une liste sous le contrôle)- sélection en plein écran


Exemple:

<toolkit:ListPicker Header="background">
    <sys:String>dark</sys:String>
    <sys:String>light</sys:String>
    <sys:String>dazzle</sys:String>
</toolkit:ListPicker>

LongListSelector

Aussi connu comme un “Jump Grid” ou “Jump List” qui permet notamment d’afficher les items par groupe (à vous de définir les groupes), comme par exemple la liste des contacts dans le hub people.

Exemple:

<toolkit:LongListSelector ItemsSource="{StaticResource movies}"
  ListHeaderTemplate="{StaticResource movieListHeader}"
  GroupHeaderTemplate="{StaticResource movieGroupHeader}"
  GroupFooterTemplate="{StaticResource movieGroupFooter}"
  GroupItemTemplate="{StaticResource groupItemHeader}"
  ItemTemplate="{StaticResource movieItemTemplate}">
</toolkit:LongListSelector>

Page Transitions

Permet la transition entre les changements de pages :
La librarie fournit les transitions suivantes :

  • Roll
  • Rotate
  • Slide
  • Swivel
  • Turnstile

Il est toutefois possible d’ajouter vos propres animations.

Exemple:

<toolkit:TransitionService.NavigationInTransition>
   <toolkit:NavigationInTransition>
        <toolkit:NavigationInTransition.Backward>
            <toolkit:TurnstileTransition Mode="BackwardIn"/>
        </toolkit:NavigationInTransition.Backward>
        <toolkit:NavigationInTransition.Forward>
            <toolkit:TurnstileTransition Mode="ForwardIn"/>
        </toolkit:NavigationInTransition.Forward>
    </toolkit:NavigationInTransition>
</toolkit:TransitionService.NavigationInTransition>