C# 如何在MVVM WPF应用程序中控制列表框的滚动位置
我有一个启用垂直滚动的大列表框,我的MVVM有新的和编辑的ICommand。 我正在将新项目添加到集合的末尾,但我希望在调用MVVM AddCommand时,滚动条也能自动定位到末尾。 我还可以从应用程序的其他部分编辑一个项目(通过使用特定的行项目调用EditCommand),这样我的ListBoxItem就可以使用DataTrigger进入编辑模式,但是如何通过调整滚动位置将特定的行(ListBoxItem)带到视图中呢 如果我在视图端执行此操作,我可以调用listBox.ScrollInToView(lstBoxItem)。C# 如何在MVVM WPF应用程序中控制列表框的滚动位置,c#,wpf,mvvm,listbox,scrollviewer,C#,Wpf,Mvvm,Listbox,Scrollviewer,我有一个启用垂直滚动的大列表框,我的MVVM有新的和编辑的ICommand。 我正在将新项目添加到集合的末尾,但我希望在调用MVVM AddCommand时,滚动条也能自动定位到末尾。 我还可以从应用程序的其他部分编辑一个项目(通过使用特定的行项目调用EditCommand),这样我的ListBoxItem就可以使用DataTrigger进入编辑模式,但是如何通过调整滚动位置将特定的行(ListBoxItem)带到视图中呢 如果我在视图端执行此操作,我可以调用listBox.ScrollInTo
但是,从MVVM的角度来看,解决这个常见滚动问题的最佳方法是什么。我通常在
列表框上设置IsSynchronizedWithCurrentItem=“True”
。然后我添加一个SelectionChanged
处理程序,并始终将所选项目显示在视图中,代码如下:
private void BringSelectionIntoView(object sender, SelectionChangedEventArgs e)
{
Selector selector = sender as Selector;
if (selector is ListBox)
{
(selector as ListBox).ScrollIntoView(selector.SelectedItem);
}
}
从我的虚拟机中,我可以获得默认的集合视图,并使用MoveCurrent*()
方法之一确保正在编辑的项是当前项
CollectionViewSource.GetDefaultView(_myCollection).MoveCurrentTo(thisItem);
注意:编辑为使用ListBox.ScrollIntoView()
来适应虚拟化在MVVM中使用此功能可以通过以下附加行为轻松完成:
using System.Windows.Controls;
using System.Windows.Interactivity;
namespace Jarloo.Sojurn.Behaviors
{
public sealed class ScrollIntoViewBehavior : Behavior<ListBox>
{
protected override void OnAttached()
{
base.OnAttached();
AssociatedObject.SelectionChanged += ScrollIntoView;
}
protected override void OnDetaching()
{
AssociatedObject.SelectionChanged -= ScrollIntoView;
base.OnDetaching();
}
private void ScrollIntoView(object o, SelectionChangedEventArgs e)
{
ListBox b = (ListBox) o;
if (b == null)
return;
if (b.SelectedItem == null)
return;
ListBoxItem item = (ListBoxItem) ((ListBox) o).ItemContainerGenerator.ContainerFromItem(((ListBox) o).SelectedItem);
if (item != null) item.BringIntoView();
}
}
}
这样做:
<ListBox ItemsSource="{Binding MyData}" SelectedItem="{Binding MySelectedItem}">
<i:Interaction.Behaviors>
<behaviors:ScrollIntoViewBehavior />
</i:Interaction.Behaviors>
</ListBox>
现在,当SelectedItem更改时,该行为将为您执行BringIntoView()调用。如果上述代码不适用于您,请尝试一下
public class ListBoxExtenders : DependencyObject
{
public static readonly DependencyProperty AutoScrollToCurrentItemProperty = DependencyProperty.RegisterAttached("AutoScrollToCurrentItem", typeof(bool), typeof(ListBoxExtenders), new UIPropertyMetadata(default(bool), OnAutoScrollToCurrentItemChanged));
public static bool GetAutoScrollToCurrentItem(DependencyObject obj)
{
return (bool)obj.GetValue(AutoScrollToSelectedItemProperty);
}
public static void SetAutoScrollToCurrentItem(DependencyObject obj, bool value)
{
obj.SetValue(AutoScrollToSelectedItemProperty, value);
}
public static void OnAutoScrollToCurrentItemChanged(DependencyObject s, DependencyPropertyChangedEventArgs e)
{
var listBox = s as ListBox;
if (listBox != null)
{
var listBoxItems = listBox.Items;
if (listBoxItems != null)
{
var newValue = (bool)e.NewValue;
var autoScrollToCurrentItemWorker = new EventHandler((s1, e2) => OnAutoScrollToCurrentItem(listBox, listBox.Items.CurrentPosition));
if (newValue)
listBoxItems.CurrentChanged += autoScrollToCurrentItemWorker;
else
listBoxItems.CurrentChanged -= autoScrollToCurrentItemWorker;
}
}
}
public static void OnAutoScrollToCurrentItem(ListBox listBox, int index)
{
if (listBox != null && listBox.Items != null && listBox.Items.Count > index && index >= 0)
listBox.ScrollIntoView(listBox.Items[index]);
}
}
XAML中的用法
<ListBox IsSynchronizedWithCurrentItem="True" extenders:ListBoxExtenders.AutoScrollToCurrentItem="True" ..../>
这是接受答案的附加属性表:
using System.Windows;
using System.Windows.Controls;
namespace CommonBehaviors
{
public static class ScrollCurrentItemIntoViewBehavior
{
public static readonly DependencyProperty AutoScrollToCurrentItemProperty =
DependencyProperty.RegisterAttached("AutoScrollToCurrentItem",
typeof(bool), typeof(ScrollCurrentItemIntoViewBehavior),
new UIPropertyMetadata(default(bool), OnAutoScrollToCurrentItemChanged));
public static bool GetAutoScrollToCurrentItem(DependencyObject obj)
{
return (bool)obj.GetValue(AutoScrollToCurrentItemProperty);
}
public static void OnAutoScrollToCurrentItemChanged(DependencyObject obj, DependencyPropertyChangedEventArgs e)
{
var listBox = obj as ListBox;
if (listBox == null) return;
var newValue = (bool)e.NewValue;
if (newValue)
listBox.SelectionChanged += listBoxSelectionChanged;
else
listBox.SelectionChanged -= listBoxSelectionChanged;
}
static void listBoxSelectionChanged(object sender, SelectionChangedEventArgs e)
{
var listBox = sender as ListBox;
if (listBox == null || listBox.SelectedItem == null || listBox.Items == null) return;
listBox.Items.MoveCurrentTo(listBox.SelectedItem);
listBox.ScrollIntoView(listBox.SelectedItem);
}
public static void SetAutoScrollToCurrentItem(DependencyObject obj, bool value)
{
obj.SetValue(AutoScrollToCurrentItemProperty, value);
}
}
}
用法:
<ListBox ItemsSource="{Binding}"
IsSynchronizedWithCurrentItem="True"
behaviors:ScrollCurrentItemIntoViewBehavior.AutoScrollToCurrentItem="True">
使用ListBox SelectionChanged事件和ScrollIntoView方法不会破坏MVVM。这完全是视图功能,应该由视图处理。视图模型甚至不应该知道列表框的存在,也不应该控制对象在视图中的位置。视图模型应该做的唯一一件事就是更改SelectedItem,它应该是ListBox到视图模型的绑定属性。
<ListBox ItemsSource="{Binding}"
IsSynchronizedWithCurrentItem="True"
behaviors:ScrollCurrentItemIntoViewBehavior.AutoScrollToCurrentItem="True">