如何使用caliburn.micro设置视图模型的滚动位置？

Question

在我看来，我有一个ListBox，绑定到一个动态增长的集合。我希望滚动位置可以追踪最后添加的项目（附加到列表底部）。我如何通过Caliburn.Micro实现这一目标？

Answer 1

另一种方法是使用事件聚合器将消息发布到视图。

喜欢的东西：

Aggregator.Publish(ItemAddedMessage<SomeItemType>(itemThatWasJustAdded)); 

，并在视图：

public class SomeView : IHandle<ItemAddedMessage<SomeItemType>> 
{ 

    public void Handle(ItemAddedMessage<SomeItemType> message) 
    { 
     // Implement view specific behaviour here 
    } 
} 

这取决于你的需求是什么，但至少再视图负责显示的担忧，你仍然可以测试VM

你也可以只实现代码仅在视图 - 因为它似乎是一个视图关注（例如，使用列表框提供的事件）

一种行为也会很有用，但也许会对您的类型有一些帮助 - 例如一个通用行为SeekAddedItemBehaviour，它钩住列表框事件以查找最后一个项目。不知道，如果列表框暴露所需的事件，但值得一看

编辑：

确定这可能工作句号 - 你应该能够只重视这种行为的列表框和应采取的护理休息：

public class ListBoxSeekLastItemBehaviour : System.Windows.Interactivity.Behavior<ListBox> 
{ 
    private static readonly DependencyProperty ItemsSourceWatcherProperty = DependencyProperty.Register("ItemsSourceWatcher", typeof(object), typeof(ListBoxSeekLastItemBehaviour), new PropertyMetadata(null, OnItemsSourceWatcherPropertyChanged)); 

    private ListBox _listBox = null; 

    private static void OnItemsSourceWatcherPropertyChanged(DependencyObject d, DependencyPropertyChangedEventArgs e) 
    { 
     ListBoxSeekLastItemBehaviour source = d as ListBoxSeekLastItemBehaviour; 

     if (source != null) 
      source.OnItemsSourceWatcherPropertyChanged(); 
    } 

    private void OnItemsSourceWatcherPropertyChanged() 
    { 
     // The itemssource has changed, check if it raises collection changed notifications 
     if (_listBox.ItemsSource is INotifyCollectionChanged) 
     { 
      // if it does, hook the CollectionChanged event so we can respond to items being added 
      (_listBox.ItemsSource as INotifyCollectionChanged).CollectionChanged += new NotifyCollectionChangedEventHandler(ListBoxSeekLastItemBehaviour_CollectionChanged); 
     } 
    } 

    void ListBoxSeekLastItemBehaviour_CollectionChanged(object sender, NotifyCollectionChangedEventArgs e) 
    { 
     if (e.Action == NotifyCollectionChangedAction.Add && e.NewItems.Count > 0) 
     { 
      // If an item was added seek it 
      ScrollIntoView(e.NewItems[0]); 
     } 
    } 

    protected override void OnAttached() 
    { 
     base.OnAttached(); 

     // We've been attached - get the associated listbox 
     var box = this.AssociatedObject as ListBox; 

     if (box != null) 
     { 
      // Hold a ref 
      _listBox = box; 

      // Set a binding to watch for property changes 
      System.Windows.Data.Binding binding = new System.Windows.Data.Binding("ItemsSource") { Source = _listBox; } 

      // EDIT: Potential bugfix - you probably want to check the itemssource here just 
      // in case the behaviour is applied after the original ItemsSource binding has been evaluated - otherwise you might miss the change 
      OnItemsSourceWatcherPropertyChanged(); 
     } 
    } 

    private void ScrollIntoView(object target) 
    { 
     // Set selected item and try and scroll it into view 
     _listBox.SelectedItem = target; 
     _listBox.ScrollIntoView(target); 
    } 
} 

你可能想整理一下了一下，也确保了CollectionChanged事件处理程序的ItemsSource更改时删除。你

可能还需要调用它SeekLastAddedItemBehaviour或SeekLastAddedItemBehavior - 我倾向于保持美国的拼写，因为它微软的拼写匹配。我认为SeekLastItem听起来像它会滚动到列表中的最后一个项目，而不是最后添加的项目

Answer 2

您可以使用GetView（）引用视图模型中的视图。这也加上了观点和观点模型。

var myView = GetView() as MyView; 
myView.MyListBox.DoStuff 

另一种选择是创建一个行为。 This是如何使用行为从视图模型中扩展TreeView的示例。这同样适用于ListBox。

Answer 3

实际上，有一个更简单的方法来实现这一点，没有任何上述。然后

namespace Extensions.Examples { 
    public class ScrollingListBox : ListBox 
     { 
      protected override void OnItemsChanged(System.Collections.Specialized.NotifyCollectionChangedEventArgs e) 
      { 
       if (e.NewItems != null) 
       { 
        int newItemCount = e.NewItems.Count; 
        if (newItemCount > 0) 
         this.ScrollIntoView(e.NewItems[newItemCount - 1]); 

        base.OnItemsChanged(e); 
       } 
      } 
     } 
} 

在XAML中，声明你的扩展类的位置，因为这样：

只是下面的扩展您的列表框

xmlns:Extensions="clr-namespace:Extensions.Examples" 

当您创建列表框，而不是使用

<Listbox></Listbox> 

只需使用您的扩展类

<Extensions:ScrollingListBox></Extensions:ScrollingListBox>