通过ScrollViewer的水平/垂直偏移进行动画处理

时间:2012-11-21 06:47:26

标签: c# wpf silverlight windows-phone-8

我需要控制其位置与Windows Phone 8 SDK(silverlight / wpf)中ScrollViewer的滚动偏移量直接相关。另外,我需要能够分辨出各种代理中的滚动偏移量,以便我可以更改其他应用内属性。这甚至可能吗?

我看了一遍,但似乎找不到任何例子,我似乎也没有掌握WPF / Silverlight的动画概念,足以选择它。

我能想出的最好成绩如下所示。它最初会出现,但不幸的是只有当你的手指没有关闭并且ScrollViewer没有动画时才会更新,因此更新很少发生。我需要更新作为动画循环的一部分,所以每帧左右(每秒60-100 +),我得到新的滚动偏移值。有没有办法在动画循环中安排DispatchTimer?或者是否会有某种更好的方法来完全解决这个问题,使用像DependentProperties这样的东西?

    protected override void OnNavigatedTo(NavigationEventArgs e)
    {
        if (!App.ViewModel.IsDataLoaded)
        {
            App.ViewModel.LoadData();
        }
        DispatcherTimer t = new DispatcherTimer();
        t.Interval = TimeSpan.FromMilliseconds(16.6);
        t.Tick += new EventHandler(
            (object s, EventArgs ee) =>
                {
                    // FunkBox is some ListBox
                    ScrollViewer sv = FindChildOfType<ScrollViewer>(FunkBox);
                    if (sv == null) 
                    {
                        // TOffset is some TextBlock
                        TOffset.Text = "dur...";
                    }
                    else
                    {
                        TOffset.Text = String.Format("dur {0}", sv.HorizontalOffset);
                    }
                });
        t.Start();
    }

    static T FindChildOfType<T>(DependencyObject root) where T : class
    {
        var queue = new Queue<DependencyObject>();
        queue.Enqueue(root);

        while (queue.Count > 0)
        {
            DependencyObject current = queue.Dequeue();
            for (int i = System.Windows.Media.VisualTreeHelper.GetChildrenCount(current) - 1; 0 <= i; i--)
            {
                var child = System.Windows.Media.VisualTreeHelper.GetChild(current, i);
                var typedChild = child as T;
                if (typedChild != null)
                {
                    return typedChild;
                }
                queue.Enqueue(child);
            }
        }
        return null;
    }

1 个答案:

答案 0 :(得分:3)

我花了一段时间才弄明白。这是你如何做到的:

  • 确保您的ScrollViewer已将ManipulationMode设置为“Control”
  • 浏览可视树以查找ScrollViewer的Vertical Scrollbar子项。
  • 陷入其ValueChanged事件。

所以,你XAML将是:

 <ScrollViewer x:Name="mainScrollViewer" ManipulationMode="Control">
        ....
 </ScrollViewer>

你的代码背后:

    public MainPage()
    {
        InitializeComponent();

        this.Loaded += MainPage_Loaded;
    }

    void MainPage_Loaded(object sender, RoutedEventArgs e)
    {
        ScrollBar verticalBar;
        verticalBar = ((FrameworkElement)VisualTreeHelper.GetChild(mainScrollViewer, 0)).FindName("VerticalScrollBar") as ScrollBar;
        verticalBar.ValueChanged += verticalBar_ValueChanged;
    }

    void verticalBar_ValueChanged(object sender, RoutedPropertyChangedEventArgs<double> e)
    {
        double newVerticalOffset =  e.NewValue;
        // Set the offset of your other control here, using newVerticalOffset
    }

或者,对于ListBox,您需要使用以下代码从Listbox中获取ScrollViewer:

    ScrollViewer mainScrollViewer = GetVisualChild<ScrollViewer>(yourListBoxControl);
    // ...then use the code above

    public T GetVisualChild<T>(UIElement parent) where T : UIElement
    {
        T child = null; // default(T);

        int numVisuals = VisualTreeHelper.GetChildrenCount(parent);
        for (int i = 0; i < numVisuals; i++)
        {
            UIElement element = (UIElement)VisualTreeHelper.GetChild(parent, i);
            child = element as T;
            if (child == null)
                child = GetVisualChild<T>(element);
            if (child != null)
                break;
        }

        return child;
    }

您可能还需要在构造函数中设置ScrollViewer的操作模式:

    ScrollViewer mainScrollViewer = GetVisualChild<ScrollViewer>(lstTest);
    sv.ManipulationMode = ManipulationMode.Control;