如何实现TabItem标题栏上的正确拖放功能？

DragDrop.DoDragDrop完全是你需要的解决方案——之前用IsMouseOver触发器失效的核心原因是子窗口捕获了鼠标焦点，而WPF的拖拽框架会自动处理跨控件的鼠标交互逻辑，完美解决这个问题。下面是具体实现步骤：

1. 子窗口拖动触发逻辑 #

首先给子窗口的自定义标题栏添加鼠标按下事件，启动拖拽操作：

子窗口XAML（自定义标题栏示例） #

<Window x:Class="YourApp.DraggableChildWindow"
        WindowStyle="None" ResizeMode="NoResize">
    <Grid>
        <!-- 自定义标题栏，作为拖动触发区域 -->
        <Border x:Name="TitleBar" Height="30" Background="#EEE" 
                MouseLeftButtonDown="TitleBar_MouseLeftButtonDown">
            <TextBlock Text="子窗口标题" VerticalAlignment="Center"/>
        </Border>
        <!-- 子窗口内容 -->
        <Grid Margin="0,30,0,0">
            <!-- 你的业务内容 -->
        </Grid>
    </Grid>
</Window>

子窗口后台代码 #

private void TitleBar_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
{
    // 启动拖拽，传递当前子窗口对象作为数据
    DragDrop.DoDragDrop(this, this, DragDropEffects.Move);
}

2. TabItem放置处理 #

给每个TabItem开启允许放置，并处理Drop事件完成子窗口的转移：

TabControl的XAML #

<TabControl>
    <TabItem Header="Tab 1" AllowDrop="True" Drop="TabItem_Drop">
        <Grid x:Name="Tab1Container">
            <!-- 初始子窗口 -->
            <local:DraggableChildWindow/>
        </Grid>
    </TabItem>
    <TabItem Header="Tab 2" AllowDrop="True" Drop="TabItem_Drop">
        <Grid x:Name="Tab2Container"/>
    </TabItem>
    <TabItem Header="Tab 3" AllowDrop="True" Drop="TabItem_Drop">
        <Grid x:Name="Tab3Container"/>
    </TabItem>
    <TabItem Header="Tab 4" AllowDrop="True" Drop="TabItem_Drop">
        <Grid x:Name="Tab4Container"/>
    </TabItem>
</TabControl>

TabItem的Drop事件处理 #

private void TabItem_Drop(object sender, DragEventArgs e)
{
    // 获取拖拽的子窗口对象
    if (!e.Data.GetDataPresent(typeof(DraggableChildWindow))) return;
    var draggedWindow = e.Data.GetData(typeof(DraggableChildWindow)) as DraggableChildWindow;

    // 从原容器移除子窗口
    var oldContainer = draggedWindow.Parent as Panel;
    oldContainer?.Children.Remove(draggedWindow);

    // 将子窗口添加到当前TabItem的容器中
    var currentTab = sender as TabItem;
    var newContainer = currentTab.Content as Panel;
    newContainer.Children.Add(draggedWindow);

    // 自动选中当前Tab
    currentTab.IsSelected = true;
}

3. 优化视觉反馈（可选） #

为了让用户更清晰看到拖拽状态，可以给TabItem添加DragEnter和DragOver事件：

private void TabItem_DragEnter(object sender, DragEventArgs e)
{
    if (e.Data.GetDataPresent(typeof(DraggableChildWindow)))
    {
        e.Effects = DragDropEffects.Move;
    }
    else
    {
        e.Effects = DragDropEffects.None;
    }
    e.Handled = true;
}

private void TabItem_DragOver(object sender, DragEventArgs e)
{
    TabItem_DragEnter(sender, e);
}

关键注意事项 #

• 子窗口必须设置WindowStyle="None"，避免系统自带的窗口拖动逻辑和自定义拖拽冲突。
• TabItem的内容容器必须是Panel派生类（如Grid、StackPanel），才能添加子窗口作为子元素。
• 拖拽过程中WPF会自动处理鼠标捕获，无需再处理IsMouseOver或焦点问题。

内容的提问来源于stack exchange，提问作者sebas.bv