【WP8】ScrollViewer滑动到底触发器(ListBox失效)

很多时候会有到底加载更多的需求,而ScrollViewer不支持继承,无法继承它进行扩展,只能通过触发器来控制到底的事件(当然,可以通过UserControl去扩展)

  思路:定义一个Trigger,自定义依赖属性,绑定到该属性到ScrollViewer的VerticalOffset属性上,然后监听属性的变化,就能监控到滚动事件了,然后判断滚动的位置从而判断出是否到底

  原理很简单,下面看实现

// *************************************************
//
// 作者:bomo
// 小组:WP开发组
// 创建日期:2014/7/9 0:10:32
// 版本号:V1.00
// 说明:
//
// *************************************************
//
// 修改历史:
// Date WhoChanges Made
// 2014/7/9 0:10:32 bomo Initial creation
//
// ************************************************* using System.Collections.Generic;
using System.Linq;
using System.Windows;
using System.Windows.Media; namespace XTuOne.Common.Helpers
{
/// <summary>
/// 扩展依赖属性类
/// </summary>
public static class DependencyObjectExtend
{
public static IEnumerable<DependencyObject> GetDescendant(this DependencyObject element)
{
var list = new List<DependencyObject>();
var count = VisualTreeHelper.GetChildrenCount(element);
for (int i = ; i < count; i++)
{
var child = VisualTreeHelper.GetChild(element, i);
list.Add(child);
list.AddRange(child.GetDescendant());
} return list;
} /// <summary>
/// 查找子孙节点中符合类型的首个节点
/// </summary>
public static T GetFirstDescendantOfType<T>(this DependencyObject start) where T : DependencyObject
{
return start.GetDescendantsOfType<T>().FirstOrDefault();
} /// <summary>
/// 查找子孙节点中符合类型的节点
/// </summary>
public static IEnumerable<T> GetDescendantsOfType<T>(this DependencyObject start) where T : DependencyObject
{
return start.GetDescendants().OfType<T>();
} /// <summary>
/// 获取所有的子孙阶段
/// </summary>
public static IEnumerable<DependencyObject> GetDescendants(this DependencyObject start)
{
if (start == null)
yield break; var queue = new Queue<DependencyObject>();
queue.Enqueue(start);
yield return start; while (queue.Count > )
{
var parent = queue.Dequeue();
var count2 = VisualTreeHelper.GetChildrenCount(parent); for (int i = ; i < count2; i++)
{
var child = VisualTreeHelper.GetChild(parent, i);
yield return child;
queue.Enqueue(child);
}
}
}
}
}

依赖属性扩展类

// *************************************************
//
// 作者:bomo
// 小组:WP开发组
// 创建日期:2014/7/11 11:45:14
// 版本号:V1.00
// 说明:
//
// *************************************************
//
// 修改历史:
// Date WhoChanges Made
// 2014/7/11 11:45:14 bomo Initial creation
//
// ************************************************* using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Interactivity;
using XTuOne.Common.Helpers; namespace XTuOne.Utility.Helpers
{
/// <summary>
/// ScrollViewer到底触发器
/// </summary>
public class ScrollViewerToBottomTrigger : TriggerBase<DependencyObject>
{
public static readonly DependencyProperty VerticalOffsetProperty = DependencyProperty.Register(
"VerticalOffset", typeof(double), typeof(ScrollViewerToBottomTrigger),
new PropertyMetadata(0.0, VerticalOffsetPropertyChanged)); private ScrollViewer scrollView; public double VerticalOffset
{
get { return (double)GetValue(VerticalOffsetProperty); }
set { SetValue(VerticalOffsetProperty, value); }
} public static void VerticalOffsetPropertyChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
{
var behavior = d as ScrollViewerToBottomTrigger;
if (behavior != null)
behavior.OnVerticalOffsetChanged();
} protected override void OnAttached()
{
base.OnAttached(); if (AssociatedObject is FrameworkElement)
{
(AssociatedObject as FrameworkElement).SizeChanged += control_SizeChanged;
}
} private void control_SizeChanged(object sender, SizeChangedEventArgs e)
{
if (!(AssociatedObject is FrameworkElement))
return; var scroll = AssociatedObject.GetFirstDescendantOfType<ScrollViewer>();
if (scroll != null)
{
AttachedScroll(scroll);
(AssociatedObject as FrameworkElement).SizeChanged -= control_SizeChanged;
}
} private void AttachedScroll(ScrollViewer scroll)
{
if (scroll == null)
return;
scrollView = scroll; var binding = new Binding { Source = scroll, Path = new PropertyPath("VerticalOffset") };
BindingOperations.SetBinding(this, VerticalOffsetProperty, binding);
} private void OnVerticalOffsetChanged()
{
var scroll = scrollView;
if (scroll == null)
return; if (scroll.ExtentHeight - scroll.VerticalOffset - scroll.ViewportHeight <= )
{
InvokeActions(null);
}
}
}
}

通过Trigger实现,由于Trigger是一个附加元素,可以附加到任何一个符合的元素上(子孙元素包含ScrollViewer的控件),同时触发的事件可以支持绑定

使用(使用CM进行绑定)

<ScrollViewer x:Name="ScrollViewer">
<i:Interaction.Triggers>
<utilityHelpers:ScrollViewerToBottomTrigger>
<micro:ActionMessage MethodName="LoadMessage"/>
</utilityHelpers:ScrollViewerToBottomTrigger>
</i:Interaction.Triggers>
</ScrollViewer>

一个触发器只能对应触发一个事件(用于绑定),如果需要多个扩展,比如:到顶触发,滑动触发等,就需要编写多个触发器,如果这样可以考虑在UserControl扩展

发现一个问题(上面触发器在ListBox失效):

  ListBox中的ScrollViewer的ExtentHeight是数据项的个数,比如ListBox有20条数据,那么ExtentHeight就是20

  ListBox中的VerticalOffset是表示当前位置,如果当前屏幕中显示的第一条是第12条数据,那么VerticalOffset就是12.xxx

  ListBox中的ViewportHeight是根据第一屏的数据计算的,把List滑动到顶部,然后计算出页面内有几个项,这个值是假定List内所有的项的大小都是一样的,如果ListBox中的ItemTemplate的高度不是相同大小的,就会出现误差,导致下面三种情况都可能出现

    ExtentHeight == VerticalOffset + ViewportHeight

    ExtentHeight > VerticalOffset + ViewportHeight

    ExtentHeight < VerticalOffset + ViewportHeight

如果要用在ListBox上的话,需要保证每一项的高度都相同,否则会有误差(有时提前触发,有时候不触发)

上一篇:Notes of Daily Scrum Meeting(12.23)


下一篇:String类的intern()方法