在 Fluent Ribbon 后台显示按钮

Question

我有以下用于定义 Fluent Ribbon 的 XAML：

<Fluent:RibbonWindow x:Class="WMathTest.MainWindow"
                     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
                     xmlns:Fluent="urn:fluent-ribbon"
                     Title="Some Application" 
                     Width="800" 
                     Height="600" >
  <Fluent:Ribbon>
    <!--Backstage-->
    <Fluent:Ribbon.Menu>
      <Fluent:Backstage Header="File">
        <Fluent:BackstageTabControl>
          <Fluent:BackstageTabItem Header="Database"/>
        </Fluent:BackstageTabControl>

      </Fluent:Backstage>
    </Fluent:Ribbon.Menu>
    <!--Tabs-->
    <Fluent:RibbonTabItem Header="author">
      <Fluent:RibbonGroupBox Header="Group">
        <Fluent:Button Header="Green"
                       Icon="Images\Green.png"
                       LargeIcon="Images\GreenLarge.png" />
        <Fluent:Button Header="Grey" 
                       Icon="Images\Gray.png"
                       LargeIcon="Images\GrayLarge.png" />
      </Fluent:RibbonGroupBox>
    </Fluent:RibbonTabItem>
  </Fluent:Ribbon>
</Fluent:RibbonWindow>

如果我运行我的项目并单击文件应用程序按钮，我可以看到后台。如果我点击数据库，我会看到一个空的后台：

现在我想添加一些按钮（打开数据库、保存数据库等），但我不知道如何添加 XAML 以显示带有选项的页面（就像我可以在 Word 中看到的那样） )。

如何在后台点击Database Tab Item时添加自定义控件？

Answer 1

您只需要像这样在 BackstageTabItem 下添加控件（我使用了几个环绕面板进行快速布局，但您可以使用网格等）：

  <!--Backstage-->
        <fluent:Ribbon.Menu>
            <fluent:Backstage>
                <fluent:BackstageTabControl>
                    <fluent:BackstageTabItem Header="Database">
                        <WrapPanel Orientation="Horizontal">
                            <WrapPanel Orientation="Vertical">
                                <fluent:Button Header="Open Database" Foreground="Black" />
                                <fluent:Button Header="Save Database" Foreground="Black" />
                                <fluent:Button Header="Do something" Foreground="Black" />
                            </WrapPanel>
                            <fluent:TextBox Header="Database Name" Text="Your Database" Foreground="Black"/>
                        </WrapPanel>
                    </fluent:BackstageTabItem>
                    <fluent:Button x:Name="ExitButton" Header="Exit" Click="ExitButton_OnClick" />
                </fluent:BackstageTabControl>
            </fluent:Backstage>
        </fluent:Ribbon.Menu>

我似乎必须明确设置前景色才能显示出来。