Défilement de texte dans un TextBlock

**distil** · 30/09/2009, 17h41

Bonjour,

je cherche une solution pour faire défiler du texte dans un TextBlock si le texte en question est trop grand pour tenir dans le TextBlock.

Je cherche à faire ça seulement en Xaml sans code-behind.

J'ai déja parcouru et essayé beaucoup d'exemples de "marquee", mais je n'arrive vraiment pas à l'effet que j'ai cité plus haut.

Je m'en remet donc à vous pour un peu d'aide.

Merci beaucoup.

**binoo** · 30/09/2009, 18h05

Salut,

Envoyé par distil

J'ai déja parcouru et essayé beaucoup d'exemples de "marquee"

marquee = "markup extension" ?

Sinon est-ce que mettre le texte dans le tooltip du TextBlock conviendrait ? Ou alors utilise un TextBox en mettant BorderThickness à 0, Background à Transparent, et IsReadOnly à True pour avoir un style type TextBlock et pouvoir quand même sélectionné le texte et le faire défiler

**Thomas Lebrun** · 30/09/2009, 20h20

je doute que tu arrives à faire ca sans code behind...

Regarde ici: http://blogs.msdn.com/delay/

L'auteur du blog en a fait un pour Silverlight (mais le principe est le même) il y a quelque temps déjà

**ikeas** · 30/09/2009, 21h31

je l'ait fait mais en fait je faisais defiler un textbox dans un canvas par exemple avec une animation qui rebouclait sur la taille du textbox

**distil** · 30/09/2009, 23h14

Envoyé par binoo

Salut,

marquee = "markup extension" ?

Sinon est-ce que mettre le texte dans le tooltip du TextBlock conviendrait ? Ou alors utilise un TextBox en mettant BorderThickness à 0, Background à Transparent, et IsReadOnly à True pour avoir un style type TextBlock et pouvoir quand même sélectionné le texte et le faire défiler

marquee => en référence à la balise <marquee> du html

Sinon, ta 2eme solution, quand tu dis "le faire défiler" : c'est en utilisant la souris, mais ce sera pas automatique ?

**distil** · 30/09/2009, 23h20

Une solution qui aurait pu etre pas mal est d'utiliser un RenderTransform en X sur le TextBlock avec une animation qui le fait tourner en boucle: le problème est que le défilement du TextBlock fait bel et bien défiler le TextBlock correctement, mais la partie du texte tronquée n'est pas plus montrée qu'avant; en fait c'est seulement la partie visible du texte qui défile...

Quelqu'un aurait une idée pour aller plus loin à partir de cette solution ?

**binoo** · 01/10/2009, 00h08

Envoyé par distil

Sinon, ta 2eme solution, quand tu dis "le faire défiler" : c'est en utilisant la souris, mais ce sera pas automatique ?

Oui, j'ai mal compris la problématique

**distil** · 01/10/2009, 15h19

Envoyé par Thomas Lebrun

je doute que tu arrives à faire ca sans code behind...

Regarde ici: http://blogs.msdn.com/delay/

L'auteur du blog en a fait un pour Silverlight (mais le principe est le même) il y a quelque temps déjà

J'ai réussi à obtenir ce que je voulais à partir de cet exemple, mais je voudrais maintenant l'utiliser dans un UserControl pour pouvoir l'appliquer facilement à tous les textes de mon application.

voici le UserControl

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
<UserControl  x:Class="CustomControlLibrary.MarqueeText"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
 
    >
    <ScrollViewer  x:Name="Marquee" 
                      VerticalAlignment="Center"
                      HorizontalScrollBarVisibility="Hidden"
                      VerticalScrollBarVisibility="Hidden"
                     >       
        <ContentPresenter/>
    </ScrollViewer>
</UserControl>

Et le code- behind :

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
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
 
public partial class MarqueeText : UserControl
    {
        // Timer and direction variables
        private DispatcherTimer _timer;
        private int _delta = 1;
 
        public MarqueeText()
        {
            InitializeComponent();           
 
           // Create timer to tick every 10ms
           _timer = new DispatcherTimer
           {
               Interval = TimeSpan.FromMilliseconds(50)
           };
 
           // Attach a Tick handler to do the scrolling
           _timer.Tick += delegate
           {
 
               // Flip direction if necessary
               if ((0 < Marquee.ViewportWidth) &&  // (NOOP if not visible yet)
                   ((Marquee.ScrollableWidth <= Marquee.HorizontalOffset) ||
                    (Marquee.HorizontalOffset <= 0)))
               {
                   _delta = -_delta;
               }
 
 
               // Adjust the horizontal offset
               Marquee.ScrollToHorizontalOffset(Marquee.HorizontalOffset + _delta);
 
           };
 
           // Start the timer
           _timer.Start();
        }
 
    }

Mais le problème est le suivant:
Lorsque je place du texte directement à l'intérieur du UserControl, le texte est correctement "scrollé", mais lorsque je place du texte dans l'appel de mon UserControl (à un autre endroit), le texte dans ce cas n'est pas scrollé...

Y'aurait- il un moyen de résoudre cela ?

Merci.

**Thomas Lebrun** · 01/10/2009, 16h46

Envoyé par distil

lorsque je place du texte dans l'appel de mon UserControl (à un autre endroit), le texte dans ce cas n'est pas scrollé...

Pas compris.....

**distil** · 01/10/2009, 17h16

désolé, je m'exprime mal ...

quand j'utilise mon userControl ça donne quelquechose comme :

Code :

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

1
2
3
4
 
<MyCtrl:MarqueeText Grid.Row="1" Grid.Column="1"    >
 
</MyCtrl:MarqueeText>

si je place directement du texte dans ce userControl :

Code :

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

1
2
3
4
5
6
 
<MyCtrl:MarqueeText Grid.Row="1" Grid.Column="1"    >
 
Texte qui devra être scrollé automatiquement  
 
</MyCtrl:MarqueeText>

Le texte ne bouge pas.

J'espère être un peu plus clair.

**Thomas Lebrun** · 02/10/2009, 08h57

Normall: il faut qeu tu places le texte dans le scrollview qui est dnas l'UC, pas directement dans l'UC

**distil** · 02/10/2009, 09h01

Envoyé par Thomas Lebrun

Normall: il faut qeu tu places le texte dans le scrollview qui est dnas l'UC, pas directement dans l'UC

Oui, mais mon but est de faire un contrôle générique qui puisse être réutilisé avec des textes différents... , apparemment je ne peux donc pas arriver à ça avec un User Control , juste ?

**Thomas Lebrun** · 02/10/2009, 09h04

Si mais il faut que tu déclares une propriété, sur ton UC, qui va aller modifier la valeur du texte qui est dans ton ScrollView. Et pour l'utiliser, tu feras:

Code :

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

<MyCtrl:MarqueeText Grid.Row="1" Grid.Column="1" Text="Mon Textre"   >

**distil** · 02/10/2009, 09h40

Ok, donc:

Dans le code behin de mon UC, je déclare :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
 
public partial class MarqueeText : UserControl
    {
 
        public static readonly DependencyProperty TextProperty =
        DependencyProperty.Register("Text", typeof(String), typeof(MarqueeText));
 
        public String myText
        {
            get { return (String)GetValue(TextProperty); }
            set { SetValue(TextProperty, value); }
        }
 ...

**distil** · 02/10/2009, 09h43

Oups, mauvaise manip..., je continue,

dans le xaml du Uc :

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
 
 
<UserControl  x:Class="CustomControlLibrary.MarqueeText"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
              x:Name="uc"
   >
 
    <ScrollViewer  x:Name="Marquee" 
                      VerticalAlignment="Center"
                      HorizontalScrollBarVisibility="Hidden"
                      VerticalScrollBarVisibility="Hidden"   
                     >
 
        <TextBlock Text="{Binding Path=myText,ElementName=uc}"/>   
 
    </ScrollViewer> 
</UserControl>

et dans l'utilisation de mon UC:

Code :

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

1
2
 
 <MyCtrl:MarqueeText  Grid.Row="1" Grid.Column="1" myText=" Texte a faire bouger"/>

... Ou est l'erreur ?, je n'y arrive pas à voir le texte ...

**distil** · 02/10/2009, 10h09

Mais en plus, dans ce cas, je ne peux pas utiliser une "DynamicResource" pour afficher mon texte

Property 'myText' does not support values of type 'DynamicResourceExtension'.

Est ce que je peux adapter ma propriété pour supporter cela ?

**Thomas Lebrun** · 02/10/2009, 15h36

Tu t'es trompé dans ta DP.....

Code :

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

1
2
3
4
5
6
7
8
public static readonly DependencyProperty TextProperty =
        DependencyProperty.Register("myText", typeof(String), typeof(MarqueeText));
 
        public String myText
        {
            get { return (String)GetValue(TextProperty); }
            set { SetValue(TextProperty, value); }
        }

**distil** · 02/10/2009, 16h28

oui juste...

par contre par rapport à ma remarque précédente, si dans le code behind, je remplace le type "String" par "DynamicResourceExtension", je pensais pouvoir utiliser une resource dynamique à l'appel de mon UC :

Code :

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

<MyCtrl:MarqueeText  Grid.Row="1" Grid.Column="1" myText="{DynamicResource myDynResource}" />

Mais j'obtiens l'erreur suivante :

'myDynResource:' is not a valid value for property 'CustomControlLibrary.MarqueeText-64395447-myText'.

J'ai encore fait une erreur, ou ce n'est pas possible d'utiliser une dynamicResource comme ça ?

**distil** · 02/10/2009, 16h36

J'ai rien dit c'est tout bon !!

Merci beaucoup !

**ikeas** · 06/10/2009, 11h38

en fait je suis tombe par hazard la dessus
http://www.codeproject.com/Articles/...ce-In-WPF.aspx

Défilement de texte dans un TextBlock

Windows Presentation Foundation

Discussions similaires

Partager

Partager