鼠标离开时关闭wpf弹出窗口

Question

我有一个标签，它的鼠标悬停事件会打开一个弹出窗口。

我正在尝试处理弹出窗口上的鼠标离开事件并关闭弹出窗口。

我遇到的问题是，在我点击弹出窗口之外的任何位置之前，mouseleave事件都不会被触发。

有人能告诉我我做错了什么吗？

这是代码。

XAML:

<Popup Name="myPopup" IsOpen="False" PlacementTarget="{Binding ElementName=myButton}" StaysOpen="False" MouseLeave="myPopup_MouseLeave">
    <DataGrid MinHeight="400" MinWidth="300" Name="dtgPopup" AutoGenerateColumns="False" ItemsSource="{Binding}" SelectionChanged="dtgPopup_SelectionChanged"  IsReadOnly="True" CanUserAddRows="False">
    </DataGrid>
</Popup>
<Label Name="recentPanels" Content="Recent Panels" MouseEnter="recentPanels_MouseEnter"/>

事件处理程序：

private void recentPanels_MouseEnter(object sender, MouseEventArgs e)
        {
            myPopup.IsOpen = true;
        }
        private void myPopup_MouseLeave(object sender, MouseEventArgs e)
        {
            myPopup.IsOpen = false;
        }

Answer 1

如果您愿意，您可以在wpf中单独处理这一问题，这取决于您希望保持代码的整洁程度。通过这种方式，您可以使用IsMouseOver而不是检测MouseLeave/MouseEnter。

在TextBlock中使用MultiDataTrigger触发资源，如下所示：

<MultiDataTrigger>
  <MultiDataTrigger.Conditions>
    <Condition
      Binding="{Binding Mode=OneWay, RelativeSource={RelativeSource Self}, Path=IsMouseOver}" 
      Value="True"
  />
  </MultiDataTrigger.Conditions>
  <Setter
    TargetName="myPopup" 
    Property="IsOpen" 
    Value="True" 
  />
</MultiDataTrigger>

Answer 2

根据我的经验，似乎需要点击鼠标才能意识到鼠标指针实际上已经离开了窗体或弹出窗口。实现起来很简单的解决方法如下，而不是使用MouseLeave事件，而是使用OnMouseLeaf。

protected virtual void OnMouseLeave(MouseEventArgs e)
{
    myPopup.IsOpen = false;
}

更多信息：http://msdn.microsoft.com/en-us/library/system.windows.controls.control.onmouseleave（v=vs.95）.aspx

Answer 3

将鼠标离开事件放在数据网格上，而不是弹出的上

<Popup Name="myPopup" IsOpen="False" PlacementTarget="{Binding ElementName=myButton}" StaysOpen="False">
    <DataGrid MinHeight="400" MinWidth="300" Name="dtgPopup" AutoGenerateColumns="False" ItemsSource="{Binding}" SelectionChanged="dtgPopup_SelectionChanged"  IsReadOnly="True" CanUserAddRows="False"
               MouseLeave="myPopup_MouseLeave">
</DataGrid>