列表框 | 选择列表项

单击按钮时移动集合元素并不像看起来那么困难。

我将基于集合ObservableCollection和数据绑定做一个例子。据我了解，您不熟悉 MVVM 设计模式，并且您拥有窗口类中的所有代码。因此，我将在那里向您展示数据上下文设置。

下面的代码将需要一个帮助类来使用命令（它们在 WPF 中使用而不是事件处理程序）。

public class RelayCommand : ICommand
{
    private readonly Action<object> _execute;
    private readonly Predicate<object> _canExecute;

    public event EventHandler CanExecuteChanged
    {
        add => CommandManager.RequerySuggested += value;
        remove => CommandManager.RequerySuggested -= value;
    }

    public RelayCommand(Action<object> execute, Predicate<object> canExecute = null)
        => (_execute, _canExecute) = (execute, canExecute);

    public bool CanExecute(object parameter)
        => _canExecute == null || _canExecute(parameter);

    public void Execute(object parameter)
        => _execute(parameter);
}

和一个小清单

public enum Direction
{
    Backward,
    Forward
}

窗口类需要这样修改

public sealed partial class MainWindow : Window, INotifyPropertyChanged
{
    private ObservableCollection<string> _items;
    private ICommand _moveCommand;
    private string _selectedItem;

    public ObservableCollection<string> Items
    {
        get => _items;
        set
        {
            _items = value;
            OnPropertyChanged();
        }
    }

    public int SelectedIndex => Items.IndexOf(SelectedItem);

    public string SelectedItem
    {
        get => _selectedItem;
        set
        {
            _selectedItem = value;
            OnPropertyChanged();
        }
    }

    public MainWindow()
    {
        InitializeComponent();
        DataContext = this;
    }

    public ICommand MoveCommand => _moveCommand ?? (_moveCommand = new RelayCommand(parameter =>
    {
        if (Enum.TryParse(parameter as string, out Direction direction))
        {
            int index = SelectedIndex;
            if (direction == Direction.Backward && index > 0)
            {
                Items.Move(index, index - 1);
            }
            else if (direction == Direction.Forward && index < Items.Count - 1)
            {
                Items.Move(index, index + 1);
            }
        }
    }));

    private void Window_Loaded(object sender, RoutedEventArgs e)
    {
        Items = new ObservableCollection<string>
        {
            "https://image1_url",
            "https://image2_url"
        };
    }

    public event PropertyChangedEventHandler PropertyChanged;
    protected virtual void OnPropertyChanged([CallerMemberName] string propertyName = null)
        => PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
}

这里：

• 接口实现INotifyPropertyChanged，使接口可以动态更新。
• ObservableCollection<string>- 带有来自的图像路径的集合Source。
• SelectedItem, 选中的列表框元素附在此处
• SelectedIndex转换SelectedItem为其索引（假设集合中的所有字符串都是唯一的且不重复）
• MoveCommand- 按下键时调用的命令

这是标记

<ListBox ItemsSource="{Binding Items}" SelectedItem="{Binding SelectedItem}">
    <ListBox.InputBindings>
        <KeyBinding Key="Right" Command="{Binding MoveCommand}" CommandParameter="Forward"/>
        <KeyBinding Key="Left" Command="{Binding MoveCommand}" CommandParameter="Backward"/>
    </ListBox.InputBindings>
    <ListBox.ItemTemplate>
        <DataTemplate>
            <Image Source="{Binding}"/>
        </DataTemplate>
    </ListBox.ItemTemplate>
    <ListBox.ItemsPanel>
        <ItemsPanelTemplate>
            <StackPanel Orientation="Horizontal"/>
        </ItemsPanelTemplate>
    </ListBox.ItemsPanel>
</ListBox>

当您按下键盘上的箭头时，元素会按预期向右或向左移动。焦点仍然在选定的元素上。

可以使用修饰符指定键InputBindings，例如Key="Right" Modifiers="Ctrl".

请注意，控件甚至没有名称x:Name，这里不需要它们。

重点如下。它ListBox具有在列表中左右滚动的标准行为。它需要重新加载。我没有，并且发生了冲突。目前，您可以像这样解决它：

1. 让 mainGrid定义一个KeyDown名为OnKeyDownHandler.

private void OnKeyDownHandler(object sender, KeyEventArgs e)

2. 在这个方法中，执行算法：

 if (e.Key == Key.Right)
    {
        if (ListBoxPhotos.Items.Count > 0)
        {
            var Path = (ListBoxPhotos.SelectedItem as Image).Source.ToString();
            int Index = ListBoxPhotos.SelectedIndex;
            Image img = common.PathStringToImage(Path, (ListBoxPhotos.Items.Count));

            if (Index != ListBoxPhotos.Items.Count - 1)
            {
                ListBoxPhotos.Items.Insert(Index + 2, img);
                ListBoxPhotos.Items.RemoveAt(Index);

                var item = (ListBoxItem)ListBoxPhotos.ItemContainerGenerator.ContainerFromIndex(Index + 1);
                item?.Focus();
            }
        }
    }

最终代码：

private void OnKeyDownHandler(object sender, KeyEventArgs e)
{
    if (e.Key == Key.Right)
    {
        if (ListBoxPhotos.Items.Count > 0)
        {
            var Path = (ListBoxPhotos.SelectedItem as Image).Source.ToString();
            int Index = ListBoxPhotos.SelectedIndex;
            Image img = common.PathStringToImage(Path, (ListBoxPhotos.Items.Count));

            if (Index != ListBoxPhotos.Items.Count - 1)
            {
                ListBoxPhotos.Items.Insert(Index + 2, img);
                ListBoxPhotos.Items.RemoveAt(Index);

                var item = (ListBoxItem)ListBoxPhotos.ItemContainerGenerator.ContainerFromIndex(Index + 1);
                item?.Focus();
            }
        }
    }
}

链接到另一个答案