无限滚动Flipview在翻转时更新内容

时间:2013-08-16 17:01:01

标签: c# xaml windows-8 windows-runtime winrt-xaml

我正在尝试实现一种日历样式(基于日期)无限FlipView,用户可以通过触摸滚动。我将FlipView的{​​{1}}与自定义ItemTemplate绑定在一起。一切都很好地显示,我正在操纵ObservableCollection以提供所需的行为:当选择索引更改时,将新元素添加到顶部并从底部删除。

ObservableCollection

问题是,private void OnIndexChanged(object sender, SelectionChangedEventArgs e) { //Works great on slow swiping with pauses, no offset artifacts DataGroup.OnIndexChanged(GroupFlip.SelectedIndex); } 只会在用户停止滚动时触发FlipView更改的事件。对于小扫描,这很好,但是用户可以轻松到达集合的末尾并走到尽头,直到集合更新。

我已按照建议here成功订阅了SelectedIndexFlipViewScrollViewer,并且能够看到并使用[Viewchanged][1]HorizontalOffset计算新的索引偏移量并操纵集合。

问题是,在此事件中操作集合时,FlipView会以各种方式跳转,具体取决于用户和集合的操作类型。

InnerFlipper.ViewChanged += OnSoftScroll;//InnerFlipper is caught from the `VisualHelperTree`        
private void OnSoftScroll(object sender, ScrollViewerViewChangedEventArgs e)
    {
        (...)
        double UpperMargin = ScrollableSize - Offset;//Value is reliable
        if (UpperMargin < ViewObservableSize)
        {
            DataGroup.OnIndexDelta(1);
        }
        (...)
    }

我尝试过多次忽略某些事件的组合以避免双重触发,根据索引变化和当前偏移等将新HorizontalOffset强制为计算值.None给出透明结果,即无缝无限滚动。

任何想法如何避免工件,处理此事件或甚至其他实现方法以实现预期结果?

1 个答案:

答案 0 :(得分:1)

最后通过完全重建FlipView的工作方式解决了这个问题。如果使用非常大的虚拟&#34;初始化FlipView。设置(即没有内容),然后滚动时我必须做的就是更新内容,而不是弄乱FlipView的索引或项目数。

希望它可以帮助其他人。

编辑:

我从实现中创建了一个代码片段。然而,回顾它只是要使用可回收的模式,以防止大量滚动时大量的GC。更新的大型虚拟列表的概念仍然存在。我正在使用常规对象,因为我的视图切换了每个页面具有的自定义控件的类型(周页,月页等)。希望它可以帮助你们,快乐的编码。

在控制方面,我们只有订阅了Loaded事件的FlipView。

    protected ScrollViewer InnerScroller;

    private void OnFlipViewerLoaded(object sender, RoutedEventArgs e)
    {
        InnerFlipper = (ScrollViewer)FindChildControl<ScrollViewer>(sender);
        InnerFlipper.ViewChanged += OnPageScroll;
    }

    /// <summary>
    /// Our custom pseudo-infinite collection
    /// </summary>
    ModelCollection ItemsCollection = new ModelCollection();

    private void OnPageScroll(object sender, ScrollViewerViewChangedEventArgs e)
    {
        InnerFlipper.ViewChanged -= OnPageScroll;//Temporarily stop handling this event, to prevent double triggers and let the CPU breath for a little

       int FlipViewerRealIndex = GetFlipViewIndex(sender);

        ItemsCollection.UpdatePages(FlipViewerRealIndex);

        InnerFlipper.ViewChanged += OnPageScroll;//Start getting this event again, ready for the next iteration
    }

    /// <summary>
    /// No idea why, FlipView's inner offset starts at 2. Fuck it, subtract 2 and it works fine.
    /// </summary>
    /// <param name="sender"></param>
    /// <returns></returns>
    public static int GetFlipViewIndex(object sender)
    {
        double CorrectedScrollOffset= ((ScrollViewer)sender).HorizontalOffset - 2;
        int NewIndex = (int)Math.Round(CorrectedScrollOffset);//Round instead of simple cast, otherwise there is a bias in the direction

        return NewIndex;
    }

在模型集合设置上我们有。

    private const int VirtualListRadius = 1000;
    /// <summary>
    /// The collection constructor, runs the first step of the data filling.
    /// </summary>
    public ModelCollection()
    {
        //Fill in the virtual list with the default (mostly null) custom control.
        for (int i = 1; i <= VirtualListRadius; i++)
        {
            object LeftMostPage = NewPageControl(args1);
            object RightMostPage = NewPageControl(args2);
            Items.Insert(0, LeftMostPage);
            Items.Add(RightMostPage);
        }
    }        

    /// <summary>
    /// The FlipViewer's items list, with all the virtual content and real content (where applicable)
    /// </summary>
    public ObservableCollection<Object> Items
    {
        get { return _items; }
        set { SetProperty(ref _items, value); }
    }
    public ObservableCollection<Object> _items = new ObservableCollection<Object>();

更新网页的代码:

/// <summary>
    /// How many pages of content should be buffered in each direction
    /// </summary>
    private const int ObservableListRadius = 3;

    /// <summary>
    /// The main update function that replaces placeholder-virtual content with actual content, while freeing up content that's no longe necessary
    /// </summary>
    /// <param name="scrollIndex">The new index absolute index that should be extracted from the Flipview's inner scroller</param>
    public void UpdatePages(int scrollIndex)
    {
        if (scrollIndex < 0 || scrollIndex > Items.Count - 1)
        {
            //If the scroll has move beyond the virtual list, then we're in trouble
            throw new Exception("The scroll has move beyond the virtual list");
        }

        int MinIndex = Math.Max(scrollIndex - ObservableListRadius, 0);
        int MaxIndex = Math.Min(scrollIndex + ObservableListRadius, Items.Count() - 1);

        //Update index content
        (Items.ElementAt(scrollIndex) as ModelPage).UpdatePage(args1);

        Status = Enumerators.CollectionStatusType.FirstPageLoaded;

        //Update increasing radius indexes
        for (int radius = 1; radius <= Constants.ObservableListRadius; radius++)
        {
            if (scrollIndex + radius <= MaxIndex && scrollIndex + radius > MinIndex)
            {
                (Items.ElementAt(scrollIndex + radius) as ModelPage).UpdatePage(args2);
            }

            if (scrollIndex - radius >= MinIndex && scrollIndex - radius <= MaxIndex)
            {
                (Items.ElementAt(scrollIndex - radius) as ModelPage).UpdatePage(args3);
            }

        }     
    }