Naviguer listboxitems l'aide des touches fléchées

Question

Mon usercontrol a Listbox avec images ListboxItems, ici, je suis face à un problème lorsque je navigue articles listbox (images) en utilisant « touches fléchées », i could'n naviguer dans les éléments qui est présente dans le prochain ligne, disons par exemple, boîte de liste contient des lignes d'images * (« Je l'ai utilisé WrapPanel ») *, si je navigue un images à l'aide droite i flèche clé ne peux pas en mesure de se déplacer à la ligne suivante,

<ListBox.ItemContainerStyle> 
    <Style TargetType="{x:Type ListBoxItem}"> 
    <Setter Property="KeyboardNavigation.DirectionalNavigation" Value="Cycle" /> 
    <Setter Property="IsTabStop" Value="True" /> 
    </Style> 
</ListBox.ItemContainerStyle> 

Answer 1

Basé sur this answer qui a presque fonctionné, mais pas tout à fait.

Placez un événement KeyDown sur votre ListBox et utilisez ItemsCollection pour sélectionner l'élément suivant ou précédent lorsque vous voyez une pression vers la droite ou vers la gauche.

Cela déplace la sélection, mais pas le focus clavier (ligne pointillée), vous devez donc également appeler MoveFocus sur l'élément qui a le focus sur le clavier.

private void ListBox_KeyDown(object sender, KeyEventArgs e) 
{ 
    var list = sender as ListBox; 
    switch(e.Key) 
    { 
     case Key.Right: 
      if(!list.Items.MoveCurrentToNext()) list.Items.MoveCurrentToLast(); 
      break; 

     case Key.Left: 
      if(!list.Items.MoveCurrentToPrevious()) list.Items.MoveCurrentToFirst(); 
      break; 
    } 

    e.Handled = true; 
    if(list.SelectedItem != null) 
    { 
     (Keyboard.FocusedElement as UIElement).MoveFocus(new TraversalRequest(FocusNavigationDirection.Next)); 
    } 
} 

Enfin, assurez-vous que vous avez IsSynchronizedWithCurrentItem="True" sur votre ListBox.

Cela vous donnera le comportement enveloppant que vous voulez.