滾動列表框WPF在代碼中設置一個視圖模型

Question

我有一個列表框XAML視圖中的SelectedItem：

<control:ListBoxScroll ItemSource="{Binding Path=FooCollection}" 
         SelectedItem="{Binding SelectedFoo, Mode=TwoWay}" 
         ScrollSelectedItem="{Binding SelectedFoo}"> 
    <!-- data templates, etc. --> 
</control:ListBoxScroll> 

選定的項目綁定到我的視圖屬性。當用戶在列表框中選擇一個項目時，視圖模型中的SelectedFoo屬性被更新。當我在視圖模型中設置SelectedFoo屬性時，在列表框中選擇正確的項目。

問題是，如果代碼中設置的SelectedFoo當前不可見，則需要在列表框上另外調用ScrollIntoView。由於我的ListBox在一個視圖內，而我的邏輯在我的視圖模型中......我找不到一個方便的方法來完成它。所以我延長ListBoxScroll：

class ListBoxScroll : ListBox 
{ 
    public static readonly DependencyProperty ScrollSelectedItemProperty = DependencyProperty.Register(
     "ScrollSelectedItem", 
     typeof(object), 
     typeof(ListBoxScroll), 
     new FrameworkPropertyMetadata(
      null, 
      FrameworkPropertyMetadataOptions.AffectsRender, 
      new PropertyChangedCallback(onScrollSelectedChanged))); 
    public object ScrollSelectedItem 
    { 
     get { return (object)GetValue(ScrollSelectedItemProperty); } 
     set { SetValue(ScrollSelectedItemProperty, value); } 
    } 

    private static void onScrollSelectedChanged(DependencyObject d, DependencyPropertyChangedEventArgs e) 
    { 
     var listbox = d as ListBoxScroll; 
     listbox.ScrollIntoView(e.NewValue); 
    } 
} 

它基本上暴露我綁定到我的視圖模型的SelectedFoo物業新依賴屬性ScrollSelectedItem。然後我鉤入屬性改變了依賴屬性的回調，並將新選擇的項目滾動到視圖中。

是否有其他人知道更簡單的方法來調用視圖模型支持的XAML視圖上的用戶控件上的函數？這是一個有點跑的身邊：

1. 創建一個依賴屬性
2. 回調添加到屬性更改回調靜態回調內
3. 處理函數調用

這將是很好將邏輯權放在ScrollSelectedItem { set {方法中，但依賴框架似乎潛入並且設法工作而不實際調用它。

Answer 1

回顧了答案後，出現了一個常見的主題：外部類監聽ListBox的SelectionChanged事件。這讓我意識到，依賴屬性的方法是矯枉過正，我可能只是有子類聽自己：

class ListBoxScroll : ListBox 
{ 
    public ListBoxScroll() : base() 
    { 
     SelectionChanged += new SelectionChangedEventHandler(ListBoxScroll_SelectionChanged); 
    } 

    void ListBoxScroll_SelectionChanged(object sender, SelectionChangedEventArgs e) 
    { 
     ScrollIntoView(SelectedItem); 
    } 
} 

我覺得這是最簡單的解決方案，我想要做什麼。

榮譽提及adcool2007提出行爲。這裏有幾篇文章對於那些有興趣：

http://blogs.msdn.com/b/johngossman/archive/2008/05/07/the-attached-behavior-pattern.aspx
http://www.codeproject.com/KB/WPF/AttachedBehaviors.aspx

我認爲這將被添加到幾個不同的用戶控件的通用行爲（例如點擊行爲，拖動行爲，動畫行爲等）那麼附加的行爲就很有意義。我不想在這種情況下使用它們的原因是，行爲的實現（調用ScrollIntoView）不是可以發生在ListBox以外的任何其他控件的通用操作。

Answer 2

因爲這完全是一個View問題，所以沒有理由在此視圖的代碼背後沒有事件處理函數。聽取ListBox.SelectionChanged並使用它將新選擇的項目滾動到視圖中。

private void ListBox_SelectionChanged(object sender, SelectionChangedEventArgs e) 
{ 
    ((ListBox)sender).ScrollIntoView(e.AddedItems[0]); 
} 

你也不需要派生的ListBox來做到這一點。只需使用標準控件，當值更改（如原始問題中所述）時，將執行上述處理程序並將項目滾動到視圖中。

<ListBox 
     ItemsSource="{Binding Path=FooCollection}" 
     SelectedItem="{Binding Path=SelectedFoo}" 
     SelectionChanged="ListBox_SelectionChanged" 
     /> 

另一種方法是編寫一個附加屬性，用於偵聽ICollectionView.CurrentChanged，然後調用ListBox.ScrollIntoView新的當前項目。如果您需要多個列表框的功能，這是一種更「可重用」的方法。你可以在這裏找到一個很好的例子，讓你開始：http://michlg.wordpress.com/2010/01/16/listbox-automatically-scroll-currentitem-into-view/

Answer 3

你試過用行爲...這是一個ScrollInViewBehavior。我已經使用它的ListView和DataGrid .....我認爲它應該適用於ListBox ......

你必須添加引用System.Windows.Interactivity使用Behavior<T> class

行爲

public class ScrollIntoViewForListBox : Behavior<ListBox> 
{ 
    /// <summary> 
    /// When Beahvior is attached 
    /// </summary> 
    protected override void OnAttached() 
    { 
     base.OnAttached(); 
     this.AssociatedObject.SelectionChanged += AssociatedObject_SelectionChanged; 
    } 

    /// <summary> 
    /// On Selection Changed 
    /// </summary> 
    /// <param name="sender"></param> 
    /// <param name="e"></param> 
    void AssociatedObject_SelectionChanged(object sender, 
              SelectionChangedEventArgs e) 
    { 
     if (sender is ListBox) 
     { 
      ListBox listBox = (sender as ListBox); 
      if (listBox .SelectedItem != null) 
      { 
       listBox.Dispatcher.BeginInvoke(
        (Action) (() => 
            { 
             listBox.UpdateLayout(); 
             if (listBox.SelectedItem != 
              null) 
              listBox.ScrollIntoView(
               listBox.SelectedItem); 
            })); 
      } 
     } 
    } 
    /// <summary> 
    /// When behavior is detached 
    /// </summary> 
    protected override void OnDetaching() 
    { 
     base.OnDetaching(); 
     this.AssociatedObject.SelectionChanged -= 
      AssociatedObject_SelectionChanged; 

    } 
} 

使用

添加別名XAML爲xmlns:i="clr-namespace:System.Windows.Interactivity;assembly=System.Windows.Interactivity"

然後在Control

 <ListBox ItemsSource="{Binding Path=MyList}" 
        SelectedItem="{Binding Path=MyItem, 
             Mode=TwoWay}" 
        SelectionMode="Single"> 
      <i:Interaction.Behaviors> 
       <Behaviors:ScrollIntoViewForListBox /> 
      </i:Interaction.Behaviors> 
     </ListBox> 

現在如果在ViewModel中設置了「MyItem」屬性，則在更改被改變時將滾動列表。

Answer 4

我知道這是一個古老的問題，但我最近對同樣的問題的搜索已經帶給我了。我想用行爲方式，但不希望在混合SDK的依賴只是給我Behavior<T>所以這裏是我的解決方案，而它：

public static class ListBoxBehavior 
{ 
    public static bool GetScrollSelectedIntoView(ListBox listBox) 
    { 
     return (bool)listBox.GetValue(ScrollSelectedIntoViewProperty); 
    } 

    public static void SetScrollSelectedIntoView(ListBox listBox, bool value) 
    { 
     listBox.SetValue(ScrollSelectedIntoViewProperty, value); 
    } 

    public static readonly DependencyProperty ScrollSelectedIntoViewProperty = 
     DependencyProperty.RegisterAttached("ScrollSelectedIntoView", typeof (bool), typeof (ListBoxBehavior), 
              new UIPropertyMetadata(false, OnScrollSelectedIntoViewChanged)); 

    private static void OnScrollSelectedIntoViewChanged(DependencyObject d, DependencyPropertyChangedEventArgs e) 
    { 
     var selector = d as Selector; 
     if (selector == null) return; 

     if (e.NewValue is bool == false) 
      return; 

     if ((bool) e.NewValue) 
     { 
      selector.AddHandler(Selector.SelectionChangedEvent, new RoutedEventHandler(ListBoxSelectionChangedHandler)); 
     } 
     else 
     { 
      selector.RemoveHandler(Selector.SelectionChangedEvent, new RoutedEventHandler(ListBoxSelectionChangedHandler)); 
     } 
    } 

    private static void ListBoxSelectionChangedHandler(object sender, RoutedEventArgs e) 
    { 
     if (!(sender is ListBox)) return; 

     var listBox = (sender as ListBox); 
     if (listBox.SelectedItem != null) 
     { 
      listBox.Dispatcher.BeginInvoke(
       (Action)(() => 
        { 
         listBox.UpdateLayout(); 
         if (listBox.SelectedItem !=null) 
          listBox.ScrollIntoView(listBox.SelectedItem); 
        })); 
     } 
    } 
} 

，然後使用只是

<ListBox ItemsSource="{Binding Path=MyList}" 
     SelectedItem="{Binding Path=MyItem, Mode=TwoWay}" 
     SelectionMode="Single" 
     behaviors:ListBoxBehavior.ScrollSelectedIntoView="True"> 

Answer 5

試試這個：

private void lstBox_SelectionChanged(object sender, SelectionChangedEventArgs e) 
{ 
    lstBox.ScrollIntoView(lstBox.SelectedItem); 
} 

Answer 6

搭售各種方法後，我發現下面是最簡單和最

lstbox.Items.MoveCurrentToLast(); 
lstbox.ScrollIntoView(lstbox.Items.CurrentItem); 

Answer 7

我拿了Ankesh的回答，並且使它不依賴於混合sdk。我的解決方案的缺點是，它將適用於您的應用程序中的所有列表框。但好處是沒有需要的習慣課程。

當您的應用程序初始化...

internal static void RegisterFrameworkExtensionEvents() 
    { 
     EventManager.RegisterClassHandler(typeof(ListBox), ListBox.SelectionChangedEvent, new RoutedEventHandler(ScrollToSelectedItem)); 
    } 

    //avoid "async void" unless used in event handlers (or logical equivalent) 
    private static async void ScrollToSelectedItem(object sender, RoutedEventArgs e) 
    { 
     if (sender is ListBox) 
     { 
      var lb = sender as ListBox; 
      if (lb.SelectedItem != null) 
      { 
       await lb.Dispatcher.BeginInvoke((Action)delegate 
       { 
        lb.UpdateLayout(); 
        if (lb.SelectedItem != null) 
         lb.ScrollIntoView(lb.SelectedItem); 
       }); 
      } 
     } 
    } 

這使得所有的列表框的滾動選擇（我喜歡的默認行爲）。

Answer 8

我使用這個（在我看來）明確和簡單的解決方案

listView.SelectionChanged += (s, e) => 
    listView.ScrollIntoView(listView.SelectedItem); 

其中listView在XAML ListView控制的名字，SelectedItem是從我的MVVM和代碼的影響是插在構造函數中 xaml.cs文件。