WPF ListBox как вручную отсортировать список перетаскиванием элементов мышкой?

Question

[Николай Алексеев]

Привет всем!

Имеется список файлов выводимый в листбокс:

<ListBox ItemsSource="{Binding FileList}" SelectedItem="{Binding CurrentFile}">
            <ListBox.ItemTemplate>
                <DataTemplate>
                    <StackPanel>
                        <TextBlock VerticalAlignment="Center" Text="{Binding Path=Name}"/>
                    </StackPanel>
                </DataTemplate>
            </ListBox.ItemTemplate>
        </ListBox>

Есть необходимость поменять порядок файлов прежде чем его отдавать дальше на обработку. Подумал, что самое простое - это реализовать перетаскивание элементов мышкой.

Знаю о том, что можно попробовать использовать события драг-н-дроп, однако вся эта "событийность" в данном случае рушит весь смысл mvvm (ну или я просто не умею её готовить).

Последние два дня потратил на чтение интернетов, нашёл кучу библиотек, которые реализуют это, конечно, да вот только по какой-то логике, делают они это между двумя листами, а в рамках одного я не нашёл ни одного решения.
Подумал, что, наверное, я просто дурак и это вообще стандартный функционал листа, но чтение документации и MSDN ответа на данный вопрос не дали.

Подскажите пожалуйста направление, куда смотреть?

Заранее благодарю!

Answer 1

[Foggy Finder]

Есть замечательная библиотека которая практически все делает за вас:

GongSolutions.WPF.DragDrop

Все, что вам нужно в простейших сценариях, это установить на разрешение перетаскивать ИЗ и В:

dd:DragDrop.IsDragSource="True"
dd:DragDrop.IsDropTarget="True"

Обновляю ответ в связи с комментарием:

Общая рекомендация:

Если вы столкнулись с проблемой при использовании какой-то библиотеки, то задавайте конкретный вопрос с ней связанный, приводя минимально воспроизводимый пример. В противном случае начинается гадание на кофейной гуще.

Привожу минимальный пример демонстрирующий что перетаскивание в пределах списка не является проблемой.

VM:

public class MainVM
{
    private IEnumerable<FileInfo> GetFiles() =>
        Directory.EnumerateFiles(Directory.GetCurrentDirectory())
                    .Select(path => new FileInfo(path));
    public MainVM()
    {
        FileList = new ObservableCollection<FileInfo>(GetFiles());
    }
    public FileInfo CurrentFile { get; set; }
    public ObservableCollection<FileInfo> FileList { get; }
}

View:

пространство имен:

xmlns:dd="urn:gong-wpf-dragdrop"

сам список:

<ListBox
    dd:DragDrop.IsDragSource="True"
    dd:DragDrop.IsDropTarget="True"
    ItemsSource="{Binding FileList}"
    SelectedItem="{Binding CurrentFile}">
    <ListBox.ItemTemplate>
        <DataTemplate>
            <StackPanel>
                <TextBlock VerticalAlignment="Center" Text="{Binding Name}" />
            </StackPanel>
        </DataTemplate>
    </ListBox.ItemTemplate>
</ListBox>

Гиф с результатом:

Comments

[Николай Алексеев]

Именно о ней в том числе я писал, когда говорил, что она просто не понимает перетаскивание элементов внутри оного списка. Target при срабатывании события получается null, точную позицию (между какими элементами списка я отпустил свой перетаскиваемый) определить невозможно.

[Foggy Finder]

Николай Алексеев, я успешно использовал эту библиотеку в намного более сложных сценариях. Хотя и перетаскивать в пределах одного списка приходилось.
У вас есть возможность добавить минимально воспроизводимый пример демонстрирующий проблему? В противном случае репозиторий на гитхабе очень помог бы.

[Николай Алексеев]

Foggy Finder, вот разметка:

<ListBox ItemsSource="{Binding FileList}" SelectedItem="{Binding CurrentProject}"
                dd:DragDrop.IsDragSource="True"
                dd:DragDrop.IsDropTarget="True"
                dd:DragDrop.DropHandler="{Binding}">
            <ListBox.ItemTemplate>
                <DataTemplate>
                    <StackPanel>
                        <TextBlock VerticalAlignment="Center" Text="{Binding Path=Name}"/>
                    </StackPanel>
                </DataTemplate>
            </ListBox.ItemTemplate>
        </ListBox>

Вьюмодел имплементирует IDropTarget

void IDropTarget.DragOver( IDropInfo dropInfo ) {
			ImageFile sourceItem = dropInfo.Data as ImageFile;
			ImageFile targetItem = dropInfo.TargetItem as ImageFile;
			if (sourceItem != null && targetItem != null) {
				///
			}
		}
void IDropTarget.Drop( IDropInfo dropInfo ) {
			ImageFile sourceItem = dropInfo.Data as ImageFile;
			ImageFile targetItem = dropInfo.TargetItem as ImageFile;
			//TODO
		}

Событие DragOver срабатывает по поводу и без повода, по видимому при каждой смене объекта, над которым я пытаюсь пронести. Drop не срабатывает вовсе.
Внутри DragOver если тащу в конец списка, таргет будет нулл, если куда-то в середину, то таргет будет меняться постоянно, пока несу. Когда отпускаю, ничего не происходит. В документации самой библиотеки я не нашёл хоть какого-нибудь вразумительного примера. Если проводить сортировку при каждом срабатывании DragOver, то это попахивает жутью какой-то. Ну и плюс сильно смущает отсутствие визуализации перетаскивания. В момент оного курсор меняется на значок "нельзя".

[Foggy Finder]

Николай Алексеев, но зачем вашей VM нужно реализовывать IDropTarget? Этот интерфейс применяется для более сложных случаев, например, когда ячейка должна обрабатывать дроп разных типов.

[Николай Алексеев]

Foggy Finder, скажем так, я её реализовывал, потому что подразумевал, что библиотека позволяет мне "просто перетаскивать", а всё остальное необходимо реализовывать самостоятельно.

Что же касается вашей ремарки на тему конкретной библиотеки. Это лишь частный пример всего моего вопроса. Так как до того, как задавать вопрос, я попробовал не только оную, но и с десяток других решений.

В любом случае, за ответ благодарю!

[Foggy Finder]

Так как до того, как задавать вопрос, я попробовал не только оную, но и с десяток других решений.

Николай Алексеев, я понимаю, я лишь к тому что в такой ситуации лучше задать десять конкретных вопросов, чем один общий. Смысл тут в том, что в следующий раз когда кто-то другой захочет воспользоваться одной из списка библиотек и столкнется с аналогичным вопросом, то ему будет проще.

Если позволите дать еще один совет - лучше не ждать два дня чтобы задать вопрос =)

В любом случае, за ответ благодарю!

Пожалуйста, обращайтесь