Discussion :

[zooffy]

Bonjour

Je suis encore novice en SilverLight et peut ête que je m'attaque à un truc trop balaise, mais les besoins du projet sont là.

Donc j'ai placé une image et un bouton dans mon contrôle. Ces deux éléments sont dans un Canvas.

Je voudrais que lorsqu'on clisk sur le bouton, l'image glisse en diagonale vers le bas, à droite.
Pour cela j'ai mis au point une boucle qui donne l'effet prévu, mais trop rapidement. Du coup, je me suis dit qu'il fallait "attendre" entre chaque pas.
Mais ça marche toujours pas, ça attends au départ, puis aprés ça glisse tout d'un coup. Je vous soumets mon code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
    Private Sub btn1_Click(ByVal sender As System.Object, ByVal e As System.Windows.RoutedEventArgs)
        Dim t, l As Double
        t = 50
        l = 0
 
        For i As Integer = 0 To 10
            img1.SetValue(Canvas.TopProperty, t)
            img1.SetValue(Canvas.LeftProperty, l)
            t += 5
            l += 5
            Thread.Sleep(1000)
 
        Next
    End Sub

Pouvez vous m'aider ?

[cyberbobby]

En fait pour ton mouvement, tu dois utiliser un StoryBoard qui représente en fait une animation que tu vas pouvoir lancer depuis le code behind ou non et qui est configurable, au niveau de la durée, etc

Je vais t'écrire le code pour celui-ci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
 
<Canvas x:Name="LayoutRoot" Background="White">
        <Image x:Name="img1" Height="50" Width="50" Source="metrum.png" Canvas.Left="0">
            <Image.Resources>
                <Storyboard x:Name="SB1">
                    <DoubleAnimation Duration="00:00:10" From="0" To="200" Storyboard.TargetProperty="(Canvas.Left)" Storyboard.TargetName="img1"/>
                </Storyboard>
            </Image.Resources>
        </Image>
    </Canvas>

Donc en gros, la propriété Canvas.Left de ton img1 va être modifiée progressivement de 0 à 200 en 10 secondes.

Pour lancer ton StroyBoard dans ton code Behind, tu peux faire SB1.Begin();

[zooffy]

Ok, merci, ça marche bien.

Je vais maintenant creuser dans cette direction. L'animation que je souhaite faire est beaucoup plus complexe que ça et fait intervenir des variables, genre le bord du controle quand l'image le touche faut qu'elle reparte de l'autre côté.

Enfin, je sais pas trop encore. L'idée final c'est d'avoir des cartes à jouer en tas qui se mélangent et viennent se ranger en arc de cercle.

Bref, du boulot à l'horizon.

[cyberbobby]

Mouais ... En effet, c'est pas gagné ...

J'ai oublié de te dire sur les containers que tu peux en placer plusieurs l'un au dessus de l'autre, tu peux donc par exemple placer une grid (transparente) au dessus d'un canvas ou vis-versa, etc, ca ouvre beaucoup de portes et pourrait t'être utile ...

[zooffy]

Ok, je note.

MErci pour tout.

Je reviendrais quand je serais dans la mousie sur mon animation.

Kenavo