WPF拖放可重新排列的包裹面板项

本文关键字：包裹 排列 拖放 新排列 WPF | 更新日期: 2023-09-27 18:15:28

我需要一些像wrappanel一样安排/排序项目的东西，但允许您通过拖动&下降。我正试图尽快做出这个原型，所以我现在只是在寻找一些非常简单或hack的东西。我找遍了所有地方，但我能找到的答案都需要相对大量的工作来实现。

如果可能的话，我宁愿不使用现有的库。

编辑

说明一下:我需要拖动&控件内的掉落和自动重新排列机制，可以安排像wrappanel这样的项目。

自从发布了这个问题，我发现了两个帖子/文章似乎很适合，但只有结合在一起。

Wrappanel: http://www.codeproject.com/Articles/18561/Custom-ListBox-Layout-in-WPF拖放,WPF c#:通过拖放重新排列列表框中的项

我将张贴我的代码在一个答案当我得到它的全部工作。

WPF拖放可重新排列的包裹面板项

花了一些时间，但在mickey的建议下，我终于弄明白了。我在这里发布了一个答案，供将来参考，如果有人正在寻找这个机制。下面的代码片段只需将它们粘贴到相应的文件中即可。

通过自定义/默认样式(我的是default .xaml)使ListBox像WrapPanel一样排列项。

<Style TargetType="{x:Type ListBox}">
    <Setter Property="ItemsPanel">
        <Setter.Value>
            <ItemsPanelTemplate>
                <!--'WrapPanel' can be replaced with other controls if you want it to display differently-->
                <WrapPanel/>
            </ItemsPanelTemplate>
        </Setter.Value>
    </Setter>
    <Setter Property="ScrollViewer.HorizontalScrollBarVisibility" Value="Disabled"/>
    <Setter Property="ItemTemplate">
        <Setter.Value>
            <DataTemplate>
                <!--Controls in each item-->
                <local:DocPage />
            </DataTemplate>
        </Setter.Value>
    </Setter>
</Style>

设置ListBox控件(即MainWindow.xaml):

<ListBox x:Name="lbx_Pages" AllowDrop="True" DragEnter="lbx_Pages_DragEnter" PreviewMouseLeftButtonDown="lbx_Pages_PreviewMouseLeftButtonDown" PreviewMouseMove="lbx_Pages_PreviewMouseMove" Drop="lbx_Pages_PagesDrop"/>

在。cs文件中实现控件(即mainwindow . example .cs):

private Point dragStartPoint;
// Bindable list of pages (binding logic omitted-out of scope of this post)
private static ObservableCollection<DocPage> pages = new ObservableCollection<DocPage>();
// Find parent of 'child' of type 'T'
public static T FindParent<T>(DependencyObject child) where T : DependencyObject
{
    do
    {
        if (child is T)
            return (T)child;
        child = VisualTreeHelper.GetParent(child);
    } while (child != null);
    return null;
}
private void lbx_Pages_PreviewMouseLeftButtonDown(object sender, MouseButtonEventArgs e)
{
    dragStartPoint = e.GetPosition(null);
}
private void lbx_Pages_PreviewMouseMove(object sender, MouseEventArgs e)
{
    ListBoxItem item = null;
    DataObject dragData;
    ListBox listBox;
    DocPage page;
    // Is LMB down and did the mouse move far enough to register a drag?
    if (e.LeftButton == MouseButtonState.Pressed &&
        (Math.Abs(dragStartPoint.X - e.GetPosition(null).X) > SystemParameters.MinimumHorizontalDragDistance ||
        Math.Abs(dragStartPoint.Y - e.GetPosition(null).Y) > SystemParameters.MinimumVerticalDragDistance))
    {
        // Get the ListBoxItem object from the object being dragged
        item = FindParent<ListBoxItem>((DependencyObject)e.OriginalSource);
        if (null != item)
        {
            listBox = sender as ListBox;
            page = (DocPage)listBox.ItemContainerGenerator.ItemFromContainer(item);
            dragData = new DataObject("pages", page);
            DragDrop.DoDragDrop(item, dragData, DragDropEffects.Move);
        }
    }
}
private void lbx_Pages_PagesDrop(object sender, DragEventArgs e)
{
    if (!e.Data.GetDataPresent("pages"))
        return;
    DocPage draggedItem = e.Data.GetData("pages") as DocPage;
    // Hit-test needed for rearranging items in the same ListBox
    HitTestResult hit = VisualTreeHelper.HitTest((ListBox)sender, e.GetPosition((ListBox)sender));
    DocPage target = (DocPage)FindParent<ListBoxItem>(hit.VisualHit).DataContext;

    int removeIdx = lbx_Pages.Items.IndexOf(draggedItem);
    int targetIdx = lbx_Pages.Items.IndexOf(target);
    if(removeIdx < targetIdx)
    {
        pages.Insert(targetIdx + 1, draggedItem);
        pages.RemoveAt(removeIdx);
    }
    else
    {
        removeIdx++;
        if(pages.Count+1 > removeIdx)
        {
            pages.Insert(targetIdx, draggedItem);
            pages.RemoveAt(removeIdx);
        }
    }
}
private void lbx_Pages_DragEnter(object sender, DragEventArgs e)
{
    if (!e.Data.GetDataPresent("pages") || sender == e.Source)
        e.Effects = DragDropEffects.None;
}
相关文章：