Discussion :

[Gregory.M]

Bonjour,


Je souhaiterai créer une petite animation permettant de faire dérouler une chaine de caractères de gauche vers la droite. En gros ca donnerai une phrase qui arriverai de la droite de la fenetre et qui disparaitrai par la gauche.

Je voulais vous demander quel control je devais utiliser pour faire cela? un textbox?label?

Puis comment dois-je m'y prendre pour créer cette animation?


Merci de votre aide

[Thomas Lebrun]

Une ListBox/ScrollViewer, ca semble correspondre parfaitement à ton besoin

[Gregory.M]

Une ListBox/ScrollViewer, ca semble correspondre parfaitement à ton besoin

ah oui je n'y avais pas pensé.

Quelqu'un aurait un lien qui expliquerait comment créer une animation sur le déplacement des listboxitems pour que ce soit un déplacement fluide plutôt que accoup par accoup .

[AP]

http://www.codeproject.com/KB/edit/d...gtextctrl.aspx

sinon en cherchant un peut sur internet, tu dois pouvoir en trouver d'autres.
(ca reste simple, tu hérites de control, tu ajoutes un timer et sur el onpaint tu dessines ton text avec un drawstring (en décalant le x à chaque fois)

[binoo]

http://www.codeproject.com/KB/edit/d...gtextctrl.aspx

sinon en cherchant un peut sur internet, tu dois pouvoir en trouver d'autres.
(ca reste simple, tu hérites de control, tu ajoutes un timer et sur el onpaint tu dessines ton text avec un drawstring (en décalant le x à chaque fois)

En WPF, il y a d'autres solutions comme les StoryBoard qui permettent de jouer des animations et qui sont plus simples encore à mettre en place car conçues pour ça.

Et il y a même la possibilité de Thomas qui est originale au passage

[Thomas Lebrun]

Regarde ici: http://blogs.msdn.com/delay/archive/...ollviewer.aspx

C'est pour du Silverlight mais le code devrait etre le même

[Gregory.M]

Bonjour,


J'ai décidé d'utiliser une listbox et de modifier l'item template en y mettant des textblocks.


sur cette listbox j'ai mit sa scrollbar en invisble.

Je me demandais par contre comment simuler un mouvement de la scrollbar pour créer une effet de mouvement des listboxitems.

J'imagine que je drois créer une ou deux storyboard.

pouvez vous me donner des pistes pour réussir à faire cela.



Merci de votre aide

[Thomas Lebrun]

Plus simplement: avec un Timer et dans l'event Tick, tu fait le scroll de ta ListBox

[Thrud]

Bonjour,

avec blend, ça m'a bien pris 3 minutes à faire ça (à mettre dans une "window1" d'un projet de base)

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
16
17
18
19
20
21
22
23
24
25
 
<Window.Resources>
        <Storyboard x:Key="OnLoaded1">
            <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="textBlock" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.X)">
                <SplineDoubleKeyFrame KeyTime="00:00:05" Value="-866"/>
            </DoubleAnimationUsingKeyFrames>
        </Storyboard>
    </Window.Resources>
    <Window.Triggers>
        <EventTrigger RoutedEvent="FrameworkElement.Loaded">
            <BeginStoryboard Storyboard="{StaticResource OnLoaded1}" x:Name="OnLoaded1_BeginStoryboard"/>
        </EventTrigger>
    </Window.Triggers>
 
    <Grid x:Name="LayoutRoot">
        <TextBlock HorizontalAlignment="Right" Margin="0,112,-219,0" VerticalAlignment="Top" Width="216" Height="19" TextWrapping="Wrap" RenderTransformOrigin="0.5,0.5" x:Name="textBlock">
            <TextBlock.RenderTransform>
                <TransformGroup>
                    <ScaleTransform ScaleX="1" ScaleY="1"/>
                    <SkewTransform AngleX="0" AngleY="0"/>
                    <RotateTransform Angle="0"/>
                    <TranslateTransform X="0" Y="0"/>
                </TransformGroup>
            </TextBlock.RenderTransform><Run Language="fr-fr" Text="TextBlock avec du texte qui va défiler"/></TextBlock>
    </Grid>

donc avec un TextBlock et un StoryBoard, ça marche plutôt pas mal. Le plus compliqué, ça serait de mettre en paramètre de l'anim la taille du TextBlock pour savoir jusqu'où le décaler sur la gauche. (et de nettoyer tout ce qui ne sert à rien dans le code généré par blend ).

ça t'évite au moins d'avoir à t'ennuyer avec un timer, puisque le StoryBoard le fait pour toi.

[Gregory.M]

Comment puis je binder mon textbox rendersize dans ma storyboard?

je sais le faire dans des controls mais cela est il possible dans une storyboard?


Merci

[ikeas]

moi j'ai rajouter ca dans le constructeur
mais evidement ca serait mieux de binder sur un multi binding de
fenetre.width et textblock.width

Code :

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

1
2
3
4
5
6
7
8
9
 
        public Window1()
        {
            InitializeComponent();
            Storyboard x = this.Resources["OnLoaded1"] as Storyboard;
            DoubleAnimationUsingKeyFrames c = x.Children[0] as DoubleAnimationUsingKeyFrames;
            SplineDoubleKeyFrame d = c.KeyFrames[0] as SplineDoubleKeyFrame;
            d.Value = -(this.Width + this.textBlock.Width);
        }