wpf实现IE菜单栏自动隐藏效果

IE菜单栏默认为隐藏状态，按下键盘Alt键后显示，菜单失去焦点则自动隐藏。下面说说WPF中如何实现这样的效果。

第一步：Menu默认设置为隐藏（Visibility="Collapsed"）,这里不应该设置为"Hidden"，因为菜单栏隐藏后其他控件需要自动填补菜单栏隐藏后的空缺。Visibility="Hidden"只是界面上不显示而已，Menu控件的位置还是被占用着。

第二步：响应键盘Alt键，然后显示出Menu。这里需要用到WPF中的隧道事件(PreviewXXX)，从根元素开始响应，这样不论焦点在哪个控件上，都能得到KeyDown事件。例子中是在Window根节点添加PreviewKeyDown事件。

第三步：响应键盘焦点（KeyboardFocus），GotFocus则显示，LostFocus则隐藏。

第四步：由于还能通过键盘组合键的方式来打开菜单，所以还要响应ContextMenuOpening事件，不论Menu由于什么原因Opening了，菜单栏都需要为显示状态。

<Window x:Class="IEMenu.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Title="MainWindow" Height="350" Width="525" PreviewKeyDown="Window_PreviewKeyDown">
<DockPanel>
<Menu x:Name="menu" DockPanel.Dock="Top" VerticalAlignment="Top" Visibility="Collapsed"
GotKeyboardFocus="menu_GotKeyboardFocus"
LostKeyboardFocus="menu_LostKeyboardFocus"
ContextMenuOpening="menu_ContextMenuOpening">
<MenuItem Header="文件(_F)">
<MenuItem Header="打开(_O)..." />
<MenuItem Header="保存(_S)" />
<MenuItem Header="另存为(_A)..." />
<Separator />
<MenuItem Header="退出(_Q)" />
</MenuItem>
<MenuItem Header="帮助(_H)">
<MenuItem Header="清除日志(_C)" Click="MenuItem_Click" />
<MenuItem Header="帮助(_H)" />
<Separator />
<MenuItem Header="关于(_A)" />
</MenuItem>
</Menu>
<Border Background="Aquamarine" BorderBrush="Black" BorderThickness="5" CornerRadius="10">
<ListBox x:Name="log" />
</Border>
</DockPanel>
</Window>

 

后台代码如下：

private void menu_GotKeyboardFocus(object sender, KeyboardFocusChangedEventArgs e) {
menu.Visibility = Visibility.Visible;
}

private void menu_LostKeyboardFocus(object sender, KeyboardFocusChangedEventArgs e) {
menu.Visibility = Visibility.Collapsed;
}

private void menu_ContextMenuOpening(object sender, ContextMenuEventArgs e) {
menu.Visibility = Visibility.Visible;
}

private void Window_PreviewKeyDown(object sender, KeyEventArgs e) {
if(e.SystemKey == Key.LeftAlt || e.SystemKey == Key.RightAlt) {
if(menu.Visibility != Visibility.Visible) menu.Visibility = Visibility.Visible;
}
}