当鼠标指向窗口的顶部位置时如何触发事件？

Question

您好，我正在开发一个 WPF 应用程序，我需要在窗口顶部显示 DockPanel，但它只会显示鼠标指向该位置，（就像 Windows 8.1 标题栏一样，如果您将鼠标指向在顶部，十字按钮和最小化按钮出现），如果鼠标移出窗口的一侧和其他地方，子元素<StackPanel> 将覆盖整个窗口并显示数据，但只要鼠标指向顶部位置UI，我应该显示标题。我附上了一张我的想法的图片。任何人都可以提出一些建议吗？

经过大量谷歌搜索后，我发现获取屏幕分辨率并减去窗口的高度和宽度会给我想要的结果。但我认为这不是最终的解决方案，必须有其他方法。

按照建议我尝试过这种方式

<Grid x:Name="gdMainWindow" >
        <Grid.RowDefinitions>
            <RowDefinition Height="20" />
            <RowDefinition Height="*" />
 </Grid.RowDefinitions>

 <Rectangle Grid.Row="0" Fill="Transparent" Height="20" 
     MouseEnter="Dock_MouseEnter" 
     MouseLeave="dp_MouseLeave"            
 />

<DockPanel Grid.Row="0" Background="Black"  >
    <Image Source="Images/candle-blownout.jpg" Stretch="UniformToFill"/>
</DockPanel >

而在Dock_MouseEnter

private void Dock_MouseEnter ( object sender, MouseEventArgs e )
{
    dp.Visibility = Visibility.Visible;
}

private void dp_MouseLeave ( object sender, MouseEventArgs e )
{
    dp.Visibility = Visibility.Collapsed;
}

但是它将顶部的 20 像素空间留为白色，图像不会调整到第一行。

Answer 1

你可以这样做：

<Grid>
     <Grid.RowDefinitions>
          <RowDefinition Height="20"/>
          <RowDefinition Height="*"/>
     </Grid.RowDefinitions>
     <Rectangle x:Name="TopPart" MouseEnter="MouseEnterEvent" MouseLeave="MouseLeaveEvent" Fill="Transparent" Grid.Row="0" />
    <StackPanel x:Name="RestOfContent" Grid.Row="0" Grid.RowSpan="2/>
</Grid>

这是一个伪 XAML，因此请注意某些属性的名称可能略有不同。

您创建一个Grid，它有两行，第一行是您想要的反应顶部尺寸，第二行是其余的。

在第一个Grid.Row 中设置Rectangle，或另一个透明元素，您只需检测鼠标何时进入或离开，处理相关事件。您的其余内容将放置在同一个 Grid.Row 中，但会有一个 RowSpan，这将使其也扩展窗口的其余部分。

如果您对这种方法有疑问，请使用 I.E. Rectangle 与某些不允许您交互的内容重叠，您需要对组件的 ZIndex 进行一些操作，还要确保将其用作窗口的顶部，以便Rectangle 不会向下滚动。