RIBBON控件学习实例

【实例截图】

<ribbon:Ribbon x:Name="Ribbon" Title="Ribbon Title" DataContext="{Binding}" Margin="0,0,0,10">
        <ribbon:Ribbon.QuickAccessToolBar x:Uid="MyApp">
            <ribbon:RibbonQuickAccessToolBar Margin="1" Height="28">
                <ribbon:RibbonButton SmallImageSource="Images/Open.ico" LargeImageSource="Images/Open.ico" ToolTipTitle="打开" ToolTipDescription="打开文件" x:Name="OpenFile"/>
                    <ribbon:RibbonButton SmallImageSource="Images/Save.ico" LargeImageSource="Images/Save.ico" ToolTipTitle="保存" ToolTipDescription="保存文件" x:Name="SaveFile"/>
                    <ribbon:RibbonButton SmallImageSource="Images/undo.ico" LargeImageSource="Images/undo.ico" ToolTipTitle="撤销" ToolTipDescription="撤销操作" x:Name="Undo" Command="ApplicationCommands.Undo"/>
                    <ribbon:RibbonButton SmallImageSource="Images/Redo.ico" LargeImageSource="Images/Redo.ico" ToolTipTitle="重做" ToolTipDescription="重做操作" x:Name="Redo" Command="ApplicationCommands.Redo" />
                    <ribbon:RibbonButton SmallImageSource="Images/SaveAsRtf32.ico" LargeImageSource="Images/SaveAsRtf32.ico" ToolTipTitle="另存为" ToolTipDescription="另存文件为" x:Name="quickAttachBtn" />
            </ribbon:RibbonQuickAccessToolBar>
        </ribbon:Ribbon.QuickAccessToolBar>
        <ribbon:Ribbon.ApplicationMenu>
                <ribbon:RibbonApplicationMenu SmallImageSource="Images/png-0011.png" KeyTip="F" ToolTip="系统配置">
                    <ribbon:RibbonApplicationSplitMenuItem Header="用户管理" ImageSource="Images/Users.ico" KeyTip="O" >
                        <ribbon:RibbonApplicationMenuItem Header="添加用户" ImageSource="Images/png-0084.png" KeyTip="R" />
                        <ribbon:RibbonApplicationMenuItem Header="删除用户" ImageSource="Images/89.ico" KeyTip="P" />
                        <ribbon:RibbonApplicationMenuItem Header="密码修改" ImageSource="Images/png-0520.png"  KeyTip="O" />
                    </ribbon:RibbonApplicationSplitMenuItem>
                    <ribbon:RibbonSeparator />
                    
                    <ribbon:RibbonApplicationSplitMenuItem Header="数据库管理" ImageSource="Images/png-1881.png" KeyTip="O">
                        <ribbon:RibbonApplicationMenuItem Header="连接数据库" ImageSource="Images/png-0704.png" KeyTip="R" />
                        <ribbon:RibbonApplicationMenuItem Header="数据库备份" ImageSource="Images/png-0705.png" KeyTip="P" />
                        <ribbon:RibbonApplicationMenuItem Header="数据库恢复" ImageSource="Images/png-0707.png"  KeyTip="O" />
                    </ribbon:RibbonApplicationSplitMenuItem>
                    
                    <ribbon:RibbonSeparator />
                    <ribbon:RibbonApplicationSplitMenuItem Header="系统参数设置" ImageSource="Images/Peizhi.png" KeyTip="V" >
                        <ribbon:RibbonApplicationMenuItem Header="用户权限设置" ImageSource="Images/logo.ico"  KeyTip="R" />
                        <ribbon:RibbonApplicationMenuItem Header="系统目录设置" ImageSource="Images/vip.png" KeyTip="P" />
                        <ribbon:RibbonApplicationMenuItem Header="窗口风格设置" ImageSource="Images/SaveAsRtf32.ico"  KeyTip="O" />
                    </ribbon:RibbonApplicationSplitMenuItem>
                    
                    <ribbon:RibbonSeparator />
                    
                <ribbon:RibbonApplicationSplitMenuItem Header="打印" ImageSource="Images/Print32.ico" KeyTip="R" />
                <ribbon:RibbonApplicationMenuItem Header="打印设置" ImageSource="Images/PrintSetup32.ico" KeyTip="G" />
                    
                <ribbon:RibbonApplicationMenu.FooterPaneContent>
                    <DockPanel LastChildFill="False">
                        <ribbon:RibbonButton Command="ApplicationCommands.Close" Label="Exit" ToolTipTitle="Exit" SmallImageSource="Images\Exit16.ico" KeyTip="X" DockPanel.Dock="Right" Margin="2" BorderBrush="#B8114EAF" />
                    </DockPanel>
                </ribbon:RibbonApplicationMenu.FooterPaneContent>
                    
            </ribbon:RibbonApplicationMenu>
        </ribbon:Ribbon.ApplicationMenu>