WPF Menu的使用（轉）

Menu的使用

1.1 MenuData.xml文件

<?xml version="1.0" encoding="utf-8" ?>
<Data xmlns="">
<Operation Name="部門管理" Gesture="F" Ico="/Images/out.ico">
<Operation Name="部門列表" Gesture="Control+P" Uid="/Department/DpmtList.xaml" Model="Jump"/>
<Operation Name="新增部門" Gesture="Control+W" Uid="/Department/AddDpmt.xaml" Model="Show"/>
</Operation>
<Operation Name="員工管理" Gesture="E" Ico="/Images/admin.ico">
<Operation Name="員工列表" Gesture="Control+C" Uid="/Employee/EmpList.xaml" Model="Jump"/>
<Operation Name="新增員工" Gesture="Control+X" Uid="/Employee/AddEmp.xaml" Model="Show"/>
</Operation>
</Data>
1.2 前臺代碼

<Window x:Class="WpfApplication1.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:local="clr-namespace:WpfApplication1"
Title="菜單" Height="500" Width="800" WindowStartupLocation="CenterScreen">
<Window.Resources>
<!--數據源-->
<XmlDataProvider x:Key="dsMenu" Source="MenuData.xml" XPath="Data/Operation" />
<!--菜單模板-->
<HierarchicalDataTemplate DataType="Operation" ItemsSource="{Binding XPath=Operation}">
<StackPanel Orientation="Horizontal">
<Image Source="{Binding XPath=@Ico}" Height="24" Width="24" Margin="10,0" />
<TextBlock Text="{Binding XPath=@Name}" Margin="10,0"/>
<TextBlock Text="{Binding XPath=@Gesture}" />
</StackPanel>
</HierarchicalDataTemplate>
</Window.Resources>
<Grid>
<Grid.RowDefinitions>
<RowDefinition Height="24"/>
<RowDefinition/>
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition/>
</Grid.ColumnDefinitions>
<!--菜單-->
<StackPanel Grid.Row="0" MenuItem.Click="StackPanel_Click_1">
<Menu ItemsSource="{Binding Source={StaticResource dsMenu}}"/>
</StackPanel>
<!--顯示內容-->
<Frame Grid.Row="1" x:Name="mainFrame" Source="/Index.xaml" NavigationUIVisibility="Hidden"/>
</Grid>
</Window>
1.3 後臺代碼

/// <summary>
/// 菜單點擊事件
/// </summary>
private void StackPanel_Click_1(object sender, RoutedEventArgs e)
{
MenuItem mi = e.OriginalSource as MenuItem;
XmlElement xe = mi.Header as XmlElement;
string name = xe.Attributes["Name"].Value;
string uid = xe.Attributes["Uid"].Value;
string model = xe.Attributes["Model"].Value;
//Jump:使用Frame跳轉頁面；Show:使用NavigationWindow彈出頁面
if (model == "Jump")
{
JumpPage(uid);
}
else if (model == "Show")
{
ShowPage(Name, uid);
}
}

/// <summary>
/// 使用Frame跳轉頁面
/// </summary>
private void JumpPage(string uid)
{
if (!String.IsNullOrWhiteSpace(uid))
{
this.mainFrame.Navigate(new Uri(uid, UriKind.Relative));
}
}

/// <summary>
/// 使用NavigationWindow彈出頁面
/// </summary>
private void ShowPage(string title,string uri)
{
NavigationWindow window = new NavigationWindow();
window.Title = title;
window.Width = 300;
window.Height = 200;
window.WindowStartupLocation = WindowStartupLocation.CenterScreen;
window.ResizeMode = ResizeMode.NoResize;
window.Source = new Uri(uri, UriKind.Relative);
window.ShowsNavigationUI = false;
window.Show();
}
二、TreeView的使用

2.1 前臺代碼

<Window x:Class="WpfApplication1.Test.Window1"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Title="菜單" Height="500" Width="800" WindowStartupLocation="CenterScreen">
<Window.Resources>
<!--菜單樣式-->
<Style TargetType="{x:Type TreeView}">
<Setter Property="Height" Value="550"/>
<Setter Property="FontSize" Value="14"/>
<Setter Property="Background" Value="#059ad7"/>
<Setter Property="BorderThickness" Value="0"/>
<Setter Property="Padding" Value="5,10,0,0"/>
</Style>
<!--菜單項樣式-->
<Style TargetType="{x:Type TreeViewItem}">
<Setter Property="FontSize" Value="16"/>
<Setter Property="Padding" Value="5"/>
<Setter Property="Cursor" Value="Hand"/>
</Style>
</Window.Resources>
<Grid>
<Grid.RowDefinitions>
<RowDefinition/>
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="190"/>
<ColumnDefinition Width="3"/>
<ColumnDefinition/>
</Grid.ColumnDefinitions>
<!--菜單-->
<StackPanel Grid.Column="0" Background="#059ad7">
<TreeView x:Name="tvMenu" SelectedItemChanged="TreeView_SelectedItemChanged">
<TreeViewItem Header="菜單" IsExpanded="True" >
<TreeViewItem Header="部門管理" IsExpanded="True" >
<TreeViewItem Header="部門列表" Uid="/Department/DpmtList.xaml"/>
<TreeViewItem Header="新增部門" Uid="/Department/AddDpmt.xaml"/>
</TreeViewItem >
<TreeViewItem Header="員工管理" IsExpanded="True">
<TreeViewItem Header="員工列表" Uid="/Employee/EmpList.xaml"/>
<TreeViewItem Header="新增員工" Uid="/Employee/AddEmp.xaml"/>
</TreeViewItem >
</TreeViewItem>
</TreeView>
</StackPanel>
<!--隔欄-->
<GridSplitter Grid.Column="1" VerticalAlignment="Stretch" HorizontalAlignment="Center" Background="#c3c1c1" ShowsPreview="True" Width="3" />
<!--中間內容-->
<Frame Grid.Column="3" x:Name="mainFrame" Source="/Index.xaml" NavigationUIVisibility="Hidden"/>
</Grid>
</Window>
2.2 後臺代碼

/// <summary>
/// 菜單跳轉事件
/// </summary>
private void TreeView_SelectedItemChanged(object sender, RoutedPropertyChangedEventArgs<object> e)
{
TreeView tvMenu = sender as TreeView;
TreeViewItem tvItem = tvMenu.SelectedItem as TreeViewItem;
string uid = tvItem.Uid;
if (!String.IsNullOrWhiteSpace(uid))
{
this.mainFrame.Navigate(new Uri(uid, UriKind.Relative));
}
}
三、其餘內容

一、Menu

Menu 是水平放置它的項的，默認狀況下把灰色欄做爲背景。
把Menu 添加到它的ItemsControl 基類的惟一公開的API 是IsMainMenu 屬性。當爲true（默認的）時，用戶按下Alt 或者F10 鍵，菜單得到焦點。
MenuItem 是帶頭的Items 控件（繼承自HeaderedItemControl），它的頭其實是主對象。若是Items 是子元素的話就會被做爲
子菜單顯示。MenuItem 使用下劃線前綴來支持訪問鍵（access key）。
Separator（分隔線）是一種簡單控件。
Icon——容許把任意類型的對象添加到Header 旁邊。Icon 對象會像Header 同樣被渲染，儘管它一般是一幅小圖片。
IsCheckable——讓MenuItem 的行爲像一個CheckBox 控件。
InputGestureText——用一個相關的手勢（gesture）來標識一個項（最多見的就是鍵盤快捷方式，好比Ctrl+O）。
5個事件：Checked、Unchecked、SubmenuOpened、SubmenuClosed 和Click。
要爲MenuItem 設置一個鍵盤快捷鍵，你應該用它的Command 屬性。
二、ContextMenu（上下文菜單）

是一種保存MenuItem 和Separator 的簡單容器。但不能直接把ContextMenu 嵌入到一個元素樹中，必須經過一個適當的屬性把它加載到控件上。
IsOpen 屬性以及Opened/Closed 事件。
默認狀況下，菜單左上角位於鼠標指針處，可是能夠把它的Placement 改爲一個非MousePoint 的值（如Absolute），或者設置它的HorizontalOffset 以及VerticalOffset 屬性，來調整這個行爲。
ContextMenuService 靜態類，它包含了許多附加屬性，分別對應那些由ContextMenu 直接定義的屬性。
三、其餘Items 控件

A、TreeView

用可展開和摺疊的節點來分層顯示數據。
在TreeView 中必定要顯式地用TreeViewItem 包裝Item，用TreeViewItem來填充，TreeViewItem 就像MenuItem 同樣，是一種帶有頭的控件，它的Header 屬性包含着當前的項，而它的Items 集合中保存着子項（子項也是TreeViewItem）。
TreeViewItem 有兩個方便的屬性IsExpanded 和IsSelected。還有4 個事件，分別對應於這兩個屬性的4種狀態：Expanded、Collapsed、Selected 和Unselected。
一樣支持富鍵盤導航，加號和減號鍵能夠展開或摺疊一個項，箭頭方向鍵、Page Up、Page Down、Home 和End 鍵能夠從一個項向另外一個項移動焦點。
B、ToolBar

對許多小的按鈕（或者其餘控件）進行分組。
ToolBar 能夠被放在元素樹的任何地方，可是一般把它們放在一個叫做ToolBarTray 的FrameworkElement 中。
用戶就能夠拖曳ToolBar 或從新定義ToolBar，。除非ToolBarTray的IsLocked 屬性被設置爲true。
ToolBarTray 有一個Orientation 屬性，能夠把它設置爲Vertical 使其全部的ToolBar 垂直排列項。
默認都是最後一個元素第一個被移到溢出區域，可是你能經過OverflowMode 附加屬性來控制每一個項的溢出行爲。有了這個屬性，你就能夠把一個項標記爲AsNeeded（默認，按須要溢出）、Always 或Never。
System.Windows.Input 命名空間中的KeyboardNavigat ion 類定義了一些用來自定義鍵盤行爲的附加屬性。
ToolBar 其實是一個帶有頭的Item 控件（就像MenuItem 和TreeViewItem）。它的Header 屬性歷來不會被顯示，可是它能夠被用來實現ToolBarTray 的其餘特性。
C、StatusBar

StatusBar 的行爲就像Menu，它只是水平排列放它的項，一般用在窗口底部，以顯示狀態信息。StatusBar 爲Separator 提供了一個控件模板，Separator 是做爲垂直線被渲染的。StatusBar 中的項（除了Separator）是被隱式地包裝在一個StatusBarItem 中，可是你依然能顯式地進行包裝。--------------------- 做者：pan_junbiao 來源：CSDN 原文：https://blog.csdn.net/pan_junbiao/article/details/50987434 版權聲明：本文爲博主原創文章，轉載請附上博文連接！