Silverlight 2 3D - Part 4

13. mars 2008

Un peu de design et ça se la raconte tout de suite plus :)

Grâce à mon ami Cyril Sansus, mon petit moteur 3D a un peu plus de gueule.

J'ai mis en place des controls templates pour les boutons et les menus ont été redessinés.

D'ailleurs au passage, si l'on souhaite gérer simplement des animations sur un bouton (par exemple), il suffit de créer un storyboard dans le template d'un bouton avec un nom spécifique:

  • MouseOver State : Pour le mouse Over
  • Pressed State : Pour le mode appuyé

C'est assez différent de WPF qui nous fournit pour cela un mécanisme plus riche avec les triggers.

Un lien sur le MSDN résume tout cela par contrôle : http://msdn2.microsoft.com/en-us/library/cc189093(VS.95).aspx

Exemple pour Nova Light:

<Grid Width="50" Margin="1,2,1,2" x:Name="RootElement" 
RenderTransformOrigin="0.5, 0.5" Opacity="0.8">
    <Grid.Resources>
        <Storyboard x:Key="Normal State" />
        <Storyboard x:Key="MouseOver State">
            <ColorAnimation Duration="0:0:0.2" 
                            Storyboard.TargetName="finalColor" 
                            Storyboard.TargetProperty="Color" 
                            To="#AAAAAA" />
            <DoubleAnimation Duration="0:0:0.1" 
                             Storyboard.TargetName="RootElement" 
                             Storyboard.TargetProperty="Opacity" 
                             To="1" />
        </Storyboard>
...
    </Grid.Resources> 
</Grid>

Silverlight

Commentaires (1) -

desopedr
26/03/2008 05:23:02 #
Hello,

est-ce possible d'avoir une idée de comment est fait le menu qui se déroule au mouse over ? il est cool ^^