在Fluent Ribbon后台显示按钮

Question

我有以下XAML来定义一个流畅的Ribbon：

<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>

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

​

​

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

当我单击Database Tab项时，如何在后台添加自定义控件？

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>

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