Discussion :

[Invité]

Salut,

Mon problème est le suivant :

J'ai deux ScrollViewer avec des contenus pouvant être identiques ou différents différents.

Ce que je veux c'est synchroniser la position verticale de l'un des ScrollViewer avec la position Verticale de l'autre. Mes recherches m'ont permis de savoir qu'il y a la proprieté VerticalOffset qui permet de savoir le décalage vertical du contenu défilé. Le problème c'est cette proprieté n'est pas une DP.

Quelqu'un aurait-il une solution à me proposer ?

[tomlev]

Le problème c'est cette proprieté n'est pas une DP.

Euh... t'es sûr ??

[Invité]

Euh... t'es sûr ??

Mais elle n'apparait pas dans l'intellisense de mon fichier XAML alors tous les autres y sont listées..
Pas compris

[Invité]

Je viens de le réverifier. Je pense le problème vient du fait que la proprieté VerticalOffset est en lecture seule. c'est peut être à cause de ça qu'elle n'est pas listée bien qu'elle soit une dependency property.

[tomlev]

Je viens de le réverifier. Je pense le problème vient du fait que la proprieté VerticalOffset est en lecture seule. c'est peut être à cause de ça qu'elle n'est pas listée bien qu'elle soit une dependency property.

Ah oui tiens, j'avais pas vu... Par contre le fait que ce soit une dependency property n'entre pas en ligne de compte, n'importe quelle propriété peut être définie en XAML... sauf si elle est en lecture seule bien sûr

De toutes façons tu dois pouvoir gérer ça en code-behind... par contre je ne vois aucun évènement de ScrollViewer pour être notifié quand le VerticalOffset change

EDIT : ah si, en fait il faut utiliser l'évènement Scroll de la classe ScrollBar :

Code XML :

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

1
2
3
4
5
6
7
8
9
10
11
        <ScrollViewer Name="scrollViewerLeft"
                      Grid.Column="0"
                      ScrollBar.Scroll="scrollViewerLeft_Scroll">
            ...
        </ScrollViewer>
 
        <ScrollViewer Name="scrollViewerRight"
                      Grid.Column="1"
                      ScrollBar.Scroll="scrollViewerRight_Scroll">
            ...
        </ScrollViewer>

Code C# :

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 void scrollViewerLeft_Scroll(object sender, ScrollEventArgs e)
        {
            if (GetOrientation(e) == Orientation.Vertical)
            {
                scrollViewerRight.ScrollToVerticalOffset(e.NewValue);
            }
        }
 
        private void scrollViewerRight_Scroll(object sender, ScrollEventArgs e)
        {
            if (GetOrientation(e) == Orientation.Vertical)
            {
                scrollViewerLeft.ScrollToVerticalOffset(e.NewValue);
            }
        }

[tomlev]

Allez, pendant que j'y suis... avec une petite propriété attachée, ce sera tout de suite plus propre

Code C# :

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
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
    public static class ScrollHelper
    {
        private static Dictionary<string, List<ScrollViewer>> _scrollViewers = new Dictionary<string,List<ScrollViewer>>();
 
 
        public static string GetScrollGroup(ScrollViewer scrollViewer)
        {
            return (string)scrollViewer.GetValue(ScrollGroupProperty);
        }
 
        public static void SetScrollGroup(ScrollViewer scrollViewer, string value)
        {
            scrollViewer.SetValue(ScrollGroupProperty, value);
        }
 
        // Using a DependencyProperty as the backing store for ScrollGroup.  This enables animation, styling, binding, etc...
        public static readonly DependencyProperty ScrollGroupProperty =
            DependencyProperty.RegisterAttached("ScrollGroup", typeof(string), typeof(ScrollHelper), new UIPropertyMetadata(null, ScrollGroupChanged));
 
        private static void ScrollGroupChanged(DependencyObject o, DependencyPropertyChangedEventArgs e)
        {
            ScrollViewer scv = o as ScrollViewer;
            if (o != null)
            {
                string oldGroup = e.OldValue as string;
                string newGroup = e.NewValue as string;
 
                if (oldGroup != null)
                {
                    List<ScrollViewer> groupMembers = null;
                    if (_scrollViewers.TryGetValue(oldGroup, out groupMembers))
                    {
                        groupMembers.Remove(scv);
                    }
                    scv.RemoveHandler(ScrollBar.ScrollEvent, _scrollHandler);
                }
 
                if (newGroup != null)
                {
                    List<ScrollViewer> groupMembers = null;
                    if (!_scrollViewers.TryGetValue(newGroup, out groupMembers))
                    {
                        groupMembers = new List<ScrollViewer>();
                        _scrollViewers.Add(newGroup, groupMembers);
                    }
                    groupMembers.Add(scv);
                    scv.AddHandler(ScrollBar.ScrollEvent, _scrollHandler);
                }
            }
        }
 
        private static ScrollEventHandler _scrollHandler = new ScrollEventHandler(scv_Scroll);
 
        private static void scv_Scroll(object sender, ScrollEventArgs e)
        {
            ScrollViewer scv = sender as ScrollViewer;
            ScrollBar scb = e.OriginalSource as ScrollBar;
            if (scv != null && scb != null)
            {
                string group = GetScrollGroup(scv);
                if (group != null)
                {
                    List<ScrollViewer> groupMembers = null;
                    if (_scrollViewers.TryGetValue(group, out groupMembers))
                    {
                        foreach (var s in groupMembers)
                        {
                            if (object.ReferenceEquals(s, scv))
                                continue;
 
                            if (scb.Orientation == Orientation.Horizontal)
                            {
                                s.ScrollToHorizontalOffset(e.NewValue);
                            }
                            else
                            {
                                s.ScrollToVerticalOffset(e.NewValue);
                            }
                        }
                    }
                }
            }
        }
 
    }

Code XML :

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

1
2
3
4
5
6
7
8
9
10
11
        <ScrollViewer Name="scrollViewerLeft"
                      Grid.Column="0"
                      my:ScrollHelper.ScrollGroup="toto">
            ...
        </ScrollViewer>
 
        <ScrollViewer Name="scrollViewerRight"
                      Grid.Column="1"
                      my:ScrollHelper.ScrollGroup="toto">
            ...
        </ScrollViewer>

(j'aime pas être obligé d'utiliser du code behind )

Au cas où ce serait pas clair : pour synchroniser 2 ScrollViewers, il suffit de leur donner la même valeur de ScrollHelper.ScrollGroup