WPF 4.5 Microsoft的功能区:RibbonApplicationMenu的哪个控件

时间:2013-05-08 13:07:19

标签: wpf ribbon ribbon-control wpf-4.5

我正在使用Microsoft的Ribbon WPF 4.5并在Win 8计算机上使用VS2012(C#)开发应用程序。我想让我的应用程序显示RibbonApplicationMenu像Office Word 2010的“文件” - 菜单,但我找不到使用哪个控件(参见附件截图,红色标记的控件号1和2) )。我也试过RibbonApplicationSplitMenuItem,但它更像Office旧式。 也许任何人都可以告诉我。提前谢谢。

Which control is used

3 个答案:

答案 0 :(得分:4)

1)我建议你使用.net 4.5中的功能区(添加对System.Windows.Controls.Ribbon的引用)。我不确定你使用的是外部的。 2)菜单需要的是Ribbon.ApplicationMenu

3)下面是一个工作功能区(基于此),包括几种类型的按钮以及您需要的菜单。 您需要的只是添加一个带有“options.png”的图像文件夹。

<Window x:Class="WpfApplication1.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">
    <Grid>
        <Ribbon  SelectedIndex="0" Grid.Column="0" Grid.ColumnSpan="5">

            <!-- Help Pane, located at the right-hand side -->
            <Ribbon.HelpPaneContent>
                <RibbonButton SmallImageSource="Images\options.png" />
            </Ribbon.HelpPaneContent>

            <!-- Quick Access Toolbar - located at the upper-left corner -->
            <Ribbon.QuickAccessToolBar>
                <RibbonQuickAccessToolBar>
                    <RibbonButton x:Name ="Save" SmallImageSource="Images\options.png" />
                    <RibbonSplitButton x:Name ="Undo" SmallImageSource="Images\options.png" >
                        <RibbonSplitMenuItem Header="Undo 1" />
                        <RibbonSplitMenuItem Header="Undo 2" />
                    </RibbonSplitButton>
                    <RibbonSplitButton x:Name="Redo" SmallImageSource="Images\options.png" >
                        <RibbonSplitMenuItem Header="Redo 1" />
                        <RibbonSplitMenuItem Header="Redo 2" />
                    </RibbonSplitButton>
                    <RibbonCheckBox Label="Sound" KeyTip="X" />
                </RibbonQuickAccessToolBar>
            </Ribbon.QuickAccessToolBar>
            <!-- Application Menu, located at the left-hand side (down arrow) -->
            <Ribbon.ApplicationMenu>
                <RibbonApplicationMenu KeyTip="F">
                    <RibbonApplicationMenuItem Header="Options1" ImageSource="Images\options.png" />
                    <RibbonApplicationMenuItem Header="Exit2" ImageSource="Images\options.png" />
                </RibbonApplicationMenu>
            </Ribbon.ApplicationMenu>

            <!-- Ribbon Tab #1: Home -->
            <RibbonTab Header="Home" KeyTip="H" >

                <!-- Home  group-->
                <RibbonGroup x:Name="ClipboardGroup" Header="Home">
                    <RibbonMenuButton LargeImageSource="Images\options.png" Label="Activate" KeyTip="V">
                        <RibbonToggleButton SmallImageSource="Images\options.png" Label="blabla" KeyTip="H" />
                        <RibbonToggleButton SmallImageSource="Images\options.png" Label="option2" />
                    </RibbonMenuButton>
                    <RibbonToggleButton SmallImageSource="Images\options.png" Label="Toggle " KeyTip="X" />
                    <RibbonToggleButton x:Name="Toggle11" SmallImageSource="Images\options.png" Label="Just a Toggle" KeyTip="FP" />

                </RibbonGroup>

                <!-- Employee And Payroll group-->
                <RibbonGroup x:Name="Employee" Header="Adjust View">
                    <RibbonMenuButton LargeImageSource="Images\options.png" Label="Test" KeyTip="V">
                        <RibbonMenuItem ImageSource="Images\options.png" Header="Keep Text Only" KeyTip="T"/>
                        <RibbonMenuItem ImageSource="Images\options.png" Header="Paste Special..." KeyTip="S"/>
                    </RibbonMenuButton>
                    <RibbonCheckBox SmallImageSource="Images\options.png" Label="Sound" KeyTip="X" />

                </RibbonGroup>


            </RibbonTab>

            <!-- Ribbon Tab #2: Launch -->
            <RibbonTab Header="Settings" KeyTip="I">
                <!-- Launch/Applications group-->
                <RibbonGroup Header="Settings">
                    <RibbonButton SmallImageSource="Images\options.png" Label="Record" KeyTip="C" />
                </RibbonGroup>

            </RibbonTab>
            <RibbonTab Header="PageLayout" KeyTip="L">
                <!-- Launch/Applications group-->
            </RibbonTab>
        </Ribbon>
    </Grid>
</Window>

答案 1 :(得分:1)

<Ribbon.ApplicationMenu>
            <RibbonApplicationMenu>
                <RibbonApplicationMenu.AuxiliaryPaneContent>
                    <Label Content="Right panel!"></Label>
                </RibbonApplicationMenu.AuxiliaryPaneContent>
                <RibbonApplicationMenuItem Header="Exit" Click="ShutDown" />
            </RibbonApplicationMenu>
        </Ribbon.ApplicationMenu>

哈哈

答案 2 :(得分:0)

最后我在infragistics netadvantage的wpf示例浏览器中找到了答案。没有。 1被称为“后台”(ribbon 2010 style),没有。 2是“应用程序菜单项”。 (在我看来)infragistics'功能区比微软更容易使用,因为我找不到教程如何创建后台(Ribbon 2010样式);现有教程主要使用旧功能区(2007年风格)。 这里看一下我的简单代码片段:

<Window x:Class="TestRibbon.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:ig="http://schemas.infragistics.com/xaml"
    xmlns:igRibbon="http://infragistics.com/Ribbon"
    xmlns:ignore="http://www.ignore.com"
    mc:Ignorable="d ignore"
    Height="768"
    Width="1024"
    Title="Test Ribbon"
    DataContext="{Binding Main, Source={StaticResource Locator}}">
    <Grid x:Name="gridMain">
        <igRibbon:XamRibbon x:Name="ribbonMain" 
                            Width="Auto" 
                            ApplicationMenuMode="Office2010" 
                            ApplicationAccentColor="Blue">
            <igRibbon:XamRibbon.ApplicationMenu2010>
                <igRibbon:ApplicationMenu2010 Caption="File">
                    <igRibbon:ApplicationMenu2010Item KeyTip="I"
                        Header="Information">
                        <igRibbon:ApplicationMenu2010Item.Content>
                            <Grid Margin="20,0,0,0">
                                <Grid.ColumnDefinitions>
                                    <ColumnDefinition Width="150" />
                                    <ColumnDefinition Width="150" />
                                </Grid.ColumnDefinitions>
                                <StackPanel Grid.Column="0">
                                    <TextBlock Margin="0,20,0,0" Foreground="Black" Text="IP" />
                                </StackPanel>
                                <StackPanel Grid.Column="1">
                                    <TextBlock Margin="0,20,0,0" />
                                    <TextBlock Foreground="DarkGray" Text="192.168.2.1" />
                                </StackPanel>
                            </Grid>
                        </igRibbon:ApplicationMenu2010Item.Content>
                </igRibbon:ApplicationMenu2010>
            </igRibbon:XamRibbon.ApplicationMenu2010>
        </igRibbon:XamRibbon>
    </Grid>
</window>