我正在尝试实现一种日历样式(基于日期)无限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成功订阅了SelectedIndex
内FlipView
个ScrollViewer
,并且能够看到并使用[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给出透明结果,即无缝无限滚动。
任何想法如何避免工件,处理此事件或甚至其他实现方法以实现预期结果?
答案 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);
}
}
}