“Win10 UAP 开发系列”之 在MVVM模式中控制ListView滚动位置

原文:“Win10 UAP 开发系列”之 在MVVM模式中控制ListView滚动位置这个扩展属性从WP8.1就开始用了，主要是为了解决MVVM模式中无法直接控制ListView滚动位置的问题。比如在VM中刷新了数据，需要将View中的ListView滚动到顶部，ListView只有一个ScrollIntoView()方法可以控制滚动的位置，但最好在VM中不要出现直接控制View的代码，需要通过其他的方式。

使用一个扩展属性即可实现：

/// <summary>
/// 将ListView滚动到顶部 使用方法：在ListView增加扩展属性
/// ext:ListViewScrollToProperties.ScrollToIndex="{Binding ScrollToIndex}"
/// 在VM中先vm.ScrollToIndex = 1;再vm.ScrollToIndex = 0;
/// </summary>
public class ListViewScrollToProperties : DependencyObject
{
public static readonly DependencyProperty ScrollToIndexProperty =
DependencyProperty.RegisterAttached("ScrollToIndex", typeof(int), typeof(ListViewScrollToProperties), new PropertyMetadata("", OnScrollToIndexChanged));

public static string GetScrollToIndex(DependencyObject dependencyObject)
{
return (string)dependencyObject.GetValue(ScrollToIndexProperty);
}

public static void SetScrollToIndex(DependencyObject dependencyObject, string scrollToIndex)
{
dependencyObject.SetValue(ScrollToIndexProperty, scrollToIndex);
}

private static void OnScrollToIndexChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
{
if ((int)e.NewValue != 1)
{
var listview = (ListView)d;
if (listview != null)
{
if (listview.Items.Count > 0)
{
try
{
var target = listview.Items[int.Parse(e.NewValue.ToString())];
if (target != null)
{
listview.UpdateLayout();
listview.ScrollIntoView(target);
}
}
catch (Exception ex)
{
System.Diagnostics.Debug.WriteLine(ex.Message);
}
}
}
}
}
}

使用方式比较丑，可以将就用：

在VM中提供一个ScrollToIndex属性，绑定到ListView上：

<ListView ItemsSource="{Binding ArticleItemList}"
controlHelper:ListViewScrollToProperties.ScrollToIndex="{Binding ScrollToIndex}"
Margin="0"></ListView>

在VM中刷新数据后，需要手动更改值来触发：

//滚动到顶部
ScrollToIndex = 1;
ScrollToIndex = 0;

我觉得这种实现方式比较丑，如果大家有好的实现方式欢迎留言讨论。